@atomicservice/ascf-base 1.0.15 → 1.0.17

package/dist/templates/ascfMall/component/c_specfic/c_specfic.css

@@ -0,0 +1,82 @@
+.specfic-content {
+  display: flex;
+  margin: 24.1rpx 33rpx 33.3rpx 33rpx;
+  flex-direction: column;
+}
+
+.specfic-title {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.specfic-item {
+  width: 148rpx;
+  text-align: center;
+  padding: 8.5rpx 0rpx;
+  margin: 24.2rpx 16.7rpx 41rpx 0rpx;
+  font-size: 25rpx;
+  color: #1a1a1a;
+  border-radius: 8.3rpx;
+  background-color: #f2f2f2;
+  border: 1rpx solid #f2f2f2;
+}
+
+.specfic-item-active {
+  width: 148rpx;
+  text-align: center;
+  padding: 7.5rpx 0rpx;
+  margin: 24.2rpx 16.7rpx 41rpx 0rpx;
+  font-size: 25rpx;
+  color: #ff7500;
+  border: 1rpx solid #ff7500;
+  border-radius: 8.3rpx;
+}
+
+.specfic-buy-box {
+  display: flex;
+  width: 200rpx;
+  height: 66.7rpx;
+  margin: 24.3rpx 0rpx 0rpx 0rpx;
+  border: 1rpx solid #cccccc;
+  border-radius: 8.3rpx;
+  align-items: center;
+}
+
+.specfic-img-reduce {
+  width: 25rpx;
+  height: 4rpx;
+  margin: 0rpx 19rpx;
+}
+
+.specfic-img {
+  width: 25rpx;
+  height: 25rpx;
+  margin: 0rpx 19rpx;
+}
+
+.specfic-middle {
+  width: 66.7rpx;
+  height: 66.7rpx;
+  border: 2rpx solid #ccc;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.specfic-number {
+  width: 100%;
+  text-align: center;
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.specfic-buy-item {
+  display: flex;
+  width: 63rpx;
+  height: 66.7rpx;
+  align-items: center;
+}
+
+.flex-wrap {
+  display: flex;
+}

package/dist/templates/ascfMall/component/c_specfic/c_specfic.hxml

@@ -0,0 +1,26 @@
+<view class="specfic-content">
+  <text class="specfic-title">规格</text>
+  <view class="flex-wrap">
+    <view has:for="{{data.specfic}}" class="{{item.select?'specfic-item-active':'specfic-item'}}" bind:tap="specficFun"
+      data-index="{{index}}">{{item.value}}</view>
+  </view>
+  <text class="specfic-title">尺寸</text>
+  <view class="flex-wrap">
+    <view has:for="{{data.size}}" class="{{item.select?'specfic-item-active':'specfic-item'}}" bind:tap="sizeFun"
+      data-index="{{index}}">{{item.value}}</view>
+  </view>
+  <text class="specfic-title">购买数量</text>
+  <view class="specfic-buy-box">
+    <view class="specfic-buy-item" bind:tap="reduce">
+      <image has:if="{{buyNumber===1}}" class="specfic-img-reduce" src="/pages/Page_MallDetail/img/icon_reduce.png">
+      </image>
+      <image has:else="" class="specfic-img-reduce" src="/pages/Page_MallDetail/img/icon_reduce_black.png"></image>
+    </view>
+    <view class="specfic-middle">
+       <input class="specfic-number" type="number" value="{{buyNumber}}" bind:input="handleNumberInput" />
+    </view>
+    <view class="specfic-buy-item" bind:tap="add">
+      <image class="specfic-img" src="/pages/Page_MallDetail/img/icon_add.png"></image>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfMall/component/c_specfic/c_specfic.js

@@ -0,0 +1,68 @@
+Component({
+  properties: {
+    data: '',
+  },
+  data: {
+    buyNumber: 1,
+  },
+  attached() {},
+  methods: {
+    //选择规格
+    specficFun: function (e) {
+      let data = this.data.data;
+      let specfic = data.specfic;
+      let index = e.currentTarget.dataset.index;
+      for (let i = 0; i < specfic.length; i++) {
+        specfic[i].select = false;
+      }
+      specfic[index].select = true;
+      data.specfic = specfic;
+      this.setData({
+        data,
+      });
+    },
+    //选择尺寸
+    sizeFun: function (e) {
+      let data = this.data.data;
+      let size = data.size;
+      let index = e.currentTarget.dataset.index;
+      for (let i = 0; i < size.length; i++) {
+        size[i].select = false;
+      }
+      size[index].select = true;
+      data.size = size;
+      this.setData({
+        data,
+      });
+    },
+    //减少购买数量
+    reduce: function () {
+      let buyNumber = this.data.buyNumber;
+      if (buyNumber > 1) {
+        buyNumber--;
+      }
+      this.setData({
+        buyNumber,
+      });
+    },
+    //增加购买数量
+    add: function () {
+      let buyNumber = this.data.buyNumber;
+      buyNumber++;
+      this.setData({
+        buyNumber,
+      });
+    },
+    handleNumberInput(e) {
+      const value = e.detail.value;
+
+      let buyNumber = parseInt(value);
+      if (isNaN(buyNumber) || buyNumber < 1) {
+        buyNumber = 1;
+      }
+      this.setData({
+        buyNumber
+      });
+    },
+  },
+});

package/dist/templates/ascfMall/component/c_specfic/c_specfic.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/dist/templates/ascfMall/component/c_threelist/c_threelist.css

@@ -0,0 +1,31 @@
+.threelist-content {
+  display: flex;
+  flex-direction: column;
+}
+.threelist-text {
+  margin: 53rpx 0rpx 0rpx 33.3rpx;
+  font-size: 27.1rpx;
+  color: #1a1a1a;
+}
+.threelist-box {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 32.8rpx 16.7rpx 20.2rpx 50rpx;
+}
+
+.threelist-img {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 8rpx;
+}
+
+.threelist-title {
+  margin: 18.2rpx 0rpx 0rpx 0rpx;
+  font-size: 20.8rpx;
+  color: #1a1a1a;
+}
+
+.flex-wrap {
+  display: flex;
+}

package/dist/templates/ascfMall/component/c_threelist/c_threelist.hxml

@@ -0,0 +1,9 @@
+<view class="threelist-content">
+  <text class="threelist-text">{{list.title}}</text>
+  <view class="flex-wrap">
+    <view class="threelist-box" has:for="{{list.data}}" bind:tap="detail">
+      <image class="threelist-img" src="{{item.icon}}"></image>
+      <text class="threelist-title">{{item.title}}</text>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfMall/component/c_threelist/c_threelist.js

@@ -0,0 +1,14 @@
+Component({
+  properties: {
+    list: '',
+  },
+  attached() {},
+  methods: {
+    detail: function (item) {
+      //进入搜索页面
+      has.navigateTo({
+        url: '/pages/Page_RecentSearch/index',
+      });
+    },
+  },
+});

package/dist/templates/ascfMall/component/c_threelist/c_threelist.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/dist/templates/ascfMall/component/c_trade_all/c_trade_all.css

@@ -0,0 +1,191 @@
+.goos_container {
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 50rpx;
+}
+
+.goos_lists {
+  display: flex;
+  flex-direction: column;
+}
+
+.time_clock {
+  display: flex;
+  margin-top: 38rpx;
+  margin-bottom: 24rpx;
+  margin-left: 33rpx;
+  align-items: center;
+}
+
+.clock_image {
+  width: 33.3rpx;
+  height: 33.3rpx;
+  margin-right: 10rpx;
+}
+
+.goods_time {
+  font-size: 25rpx;
+  color: #1a1a1a;
+  opacity: 0.5;
+}
+
+._state {
+  margin-right: 33rpx;
+}
+
+.goods_state {
+  color: #ff7500;
+  font-size: 28rpx;
+}
+
+.delete_image {
+  width: 33rpx;
+  height: 33rpx;
+  margin-left: 15.9rpx;
+}
+
+.sigle_goos_list {
+  display: flex;
+  padding-bottom: 26rpx;
+}
+
+.image_contaner {
+  width: 133.3rpx;
+  height: 133.3rpx;
+  margin: 0 33rpx 0 33rpx;
+}
+
+.goods_image {
+  width: 133.3rpx;
+  height: 133.3rpx;
+  border-radius: 8rpx;
+}
+
+.goods_description {
+  width: 75%;
+}
+
+.title_size {
+  width: 85%;
+}
+
+.goods_title {
+  color: #1a1a1a;
+  font-size: 28rpx;
+  line-height: 40.6rpx;
+  margin-bottom: 26.6rpx;
+}
+
+.goods_size {
+  color: #1a1a1a;
+  opacity: 0.5;
+  font-size: 21rpx;
+}
+
+.money_amount {
+  width: 15%;
+  margin-right: 33rpx;
+}
+
+.goods_money {
+  width: 100%;
+  font-size: 21rpx;
+  text-align: right;
+}
+
+.goods_amount {
+  width: 100%;
+  color: #1a1a1a;
+  opacity: 0.5;
+  font-size: 21rpx;
+  align-self: center;
+  text-align: right;
+}
+
+.separate_line {
+  margin-left: 33rpx;
+  margin-right: 33rpx;
+  border: 1rpx solid rgba(0, 0, 0, 0.2);
+}
+
+.bottom_amount_money {
+  padding-left: 30rpx;
+  width: 100%;
+  justify-content: flex-end;
+  margin-top: 30rpx;
+}
+
+._amount {
+  margin-right: 10rpx;
+  font-size: 25rpx;
+  color: #1a1a1a;
+  opacity: 0.5;
+}
+
+.need_pay {
+  color: #1a1a1a;
+  font-size: 28rpx;
+}
+
+._money {
+  color: #fa2a2d;
+  font-size: 31rpx;
+  margin-right: 33rpx;
+}
+
+.state_btn {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 32.7rpx;
+  margin-right: 33rpx;
+}
+
+._btn {
+  width: 153rpx;
+  height: 58rpx;
+  text-align: center;
+  color: #ff7500;
+  font-size: 28rpx;
+  border: 2rpx solid #ff7500;
+  border-radius: 6rpx;
+  line-height: 58rpx;
+}
+
+.separate {
+  height: 16.7rpx;
+  background-color: #000000;
+  opacity: 0.05;
+  margin-top: 23.3rpx;
+  margin-left: -33rpx;
+  margin-right: -33rpx;
+}
+
+.align_items_center {
+  display: flex;
+  align-items: center;
+}
+
+.justify_content_center {
+  display: flex;
+  justify-content: center;
+}
+
+.flex_column {
+  display: flex;
+  flex-direction: column;
+}
+
+.flex_row {
+  display: flex;
+  flex-direction: row;
+}
+
+.flex_end {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.space_between {
+  display: flex;
+  justify-content: space-between;
+}

package/dist/templates/ascfMall/component/c_trade_all/c_trade_all.hxml

@@ -0,0 +1,55 @@
+<view class="goos_container">
+  <view type="listItme" has:for="{{list}}" class="goos_lists">
+
+    <view class="space_between  ">
+      <view class="time_clock flex_row ">
+        <image class="clock_image" src="/pages/Page_TradeManagement/img/clock.png"></image>
+        <text class="goods_time">2018-11-28 17:15:20</text>
+      </view>
+      <view class="_state  align_items_center">
+        <text has:if="{{item.state == 1}}" class="goods_state">待付款</text>
+        <text has:if="{{item.state == 2}}" class="goods_state">待收货</text>
+        <text has:if="{{item.state == 3}}" class="goods_state">待评价</text>
+        <text has:if="{{item.state == 4}}" class="goods_state">交易完成</text>
+        <image has:if="{{item.state == 4}}" class="delete_image" src="/pages/Page_TradeManagement/img/delete.png">
+        </image>
+      </view>
+    </view>
+
+    <view bind:tap="goToPage" class="sigle_goos_list">
+
+      <view class="image_contaner">
+        <image class="goods_image" src="{{item.image}}"></image>
+      </view>
+
+      <view class="goods_description flex_row">
+        <view class="title_size flex_column">
+          <text class="goods_title">{{item.title}}</text>
+          <text class="goods_size">{{item.size}}</text>
+        </view>
+
+        <view class="money_amount  flex_column">
+          <text class="goods_money">￥{{item.money}}</text>
+          <text class="goods_amount"> X {{item.amount}}</text>
+        </view>
+      </view>
+
+    </view>
+    <view class="separate_line"></view>
+
+    <view class="bottom_amount_money">
+      <text class="_amount">共1件商品</text>
+      <text class="need_pay" has:if="{{item.state == 1}}"> 需付款 ：</text>
+      <text class="need_pay" has:if="{{item.state == 3 || item.state == 4 || item.state == 2}}"> 实付款 ：</text>
+      <text class="_money">￥{{item.money}}</text>
+    </view>
+    <view class="state_btn">
+      <text has:if="{{item.state == 1}}" class="_btn" bind:tap="toPay" data-index="{{index}}">去支付</text>
+      <text has:if="{{item.state == 4}}" class="_btn" bind:tap="buyAgain" data-index="{{index}}">再次购买</text>
+      <text has:if="{{item.state == 3}}" class="_btn" bind:tap="toEvaluate" data-index="{{index}}">去评价</text>
+      <text has:if="{{item.state == 2}}" class="_btn"bind:tap="toGetGoods" data-index="{{index}}">去收货</text>
+    </view>
+
+    <view has:if="{{index !== list.length-1}}" class="separate"></view>
+  </view>
+</view>

package/dist/templates/ascfMall/component/c_trade_all/c_trade_all.js

@@ -0,0 +1,70 @@
+Component({
+  properties: {
+    list: '',
+  },
+  attached() { },
+  methods: {
+    goToPage(item) {
+      has.navigateTo({
+        url: '/pages/Page_MallDetail/index',
+      });
+    },
+    toEvaluate() {
+      has.navigateTo({
+        url: '/pages/Page_Evaluate/index',
+      });
+    },
+    toPay(e) {
+      const index = e.currentTarget.dataset.index;
+      this.triggerEvent('delete-item', {
+        index: index
+      });
+      has.navigateTo({
+        url: '/pages/Page_Orders/index'
+      });
+    }
+  },
+  buyAgain(e) {
+    const that = this;
+    has.showModal({
+      title: '再次购买',
+      content: '确定要再次购买此商品吗？',
+      confirmText: '确定',
+      cancelText: '取消',
+      confirmColor: '#ff7500',
+      success(res) {
+        if (res.confirm) {
+          const index = e.currentTarget.dataset.index;
+          that.triggerEvent('delete-item', {
+            index: index
+          });
+          has.navigateTo({
+            url: '/pages/Page_MallDetail/index'
+          });
+        }
+      }
+    });
+  },
+  toGetGoods(e) {
+    const that = this;
+    has.showModal({
+      title: '确认收货',
+      content: '确定要收货吗？',
+      confirmText: '确定',
+      cancelText: '取消',
+      confirmColor: '#ff7500',
+      success(res) {
+        if (res.confirm) {
+          const index = e.currentTarget.dataset.index;
+          that.triggerEvent('delete-item', {
+            index: index
+          });
+          has.showToast({
+            title: '已成功收货！',
+            duration: 1000
+          });
+        }
+      }
+    });
+  }
+});

package/dist/templates/ascfMall/component/c_trade_all/c_trade_all.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}