@atomicservice/ascf-base 1.0.15 → 1.0.17

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

@@ -0,0 +1,269 @@
+.shopping-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.shoppingcart-title-area {
+  background-color: rgba(242, 242, 242, 0.95);
+  height: 100rpx;
+}
+
+.shoppingcart-title-area text {
+  font-size: 37.5rpx;
+  color: #1a1a1a;
+  margin-left: 33rpx;
+}
+
+.page-head {
+  display: flex;
+  height: 84rpx;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0rpx 33rpx;
+}
+
+.page-head image {
+  width: 21rpx;
+  height: 26rpx;
+  resize-mode: contain;
+  margin-right: 12rpx;
+}
+
+.good-address {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+  width: 497rpx;
+  margin-right: 39rpx;
+}
+
+.goods-edit {
+  font-size: 27.1rpx;
+  color: #ff7500;
+  line-height: 34.9rpx;
+}
+
+.page-content {
+  display: flex;
+  align-items: center;
+  height: 169rpx;
+  margin-bottom: 50rpx;
+}
+
+.page-content .check {
+  width: 42rpx;
+  height: 42rpx;
+  border-radius: 8.3rpx;
+  margin-left: 28rpx;
+  margin-right: 26rpx;
+  border: 1rpx solid #fe9f05;
+}
+
+.page-content .pic {
+  width: 134rpx;
+  height: 142rpx;
+  border-radius: 8.3rpx;
+  margin-right: 33rpx;
+}
+
+.goods-detail {
+  display: flex;
+  flex-direction: column;
+}
+
+.goods-weigth {
+  color: #1a1a1a;
+  opacity: 0.3;
+  font-size: 20.8rpx;
+  margin-top: 8rpx;
+}
+
+.goods-name {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.good-discount {
+  color: #fa2a2d;
+  font-size: 31.3rpx;
+  width: 100rpx;
+}
+
+.good-price {
+  color: #1a1a1a;
+  opacity: 0.3;
+  font-size: 20.8rpx;
+  width: 80rpx;
+  text-decoration: line-through;
+}
+
+.edit-minus {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 48rpx;
+  height: 50rpx;
+  border: 2rpx solid rgba(0, 0, 0, 0.2);
+  border-bottom-left-radius: 6.3rpx;
+  border-top-left-radius: 6.3rpx;
+}
+
+.edit-count {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 48rpx;
+  border: 2rpx solid rgba(0, 0, 0, 0.2);
+  height: 50rpx;
+}
+
+.edit-add {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 48rpx;
+  border: 2rpx solid rgba(0, 0, 0, 0.2);
+  height: 50rpx;
+  border-top-right-radius: 6.3rpx;
+  border-bottom-right-radius: 6.3rpx;
+}
+
+.page-total {
+  display: flex;
+  justify-content: space-between;
+  height: 100rpx;
+  position: fixed;
+  bottom: 0rpx;
+  background-color: #ffffff;
+  left: 0rpx;
+  right: 0rpx;
+  padding-left: 33rpx;
+}
+
+.page-total image {
+  height: 42rpx;
+  width: 42rpx;
+  margin-right: 16rpx;
+  border: 1rpx solid #fe9f05;
+}
+
+.all {
+  font-size: 27.1rpx;
+  color: #1a1a1a;
+}
+
+.total {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+  margin-right: 8rpx;
+}
+
+.total-price {
+  font-size: 31.3rpx;
+  color: #fa2a2d;
+  margin-right: 34rpx;
+}
+
+.pay {
+  width: 267rpx;
+  height: 100rpx;
+  font-size: 31.3rpx;
+  color: #ffffff;
+  background-color: #ff7500;
+  text-align: center;
+  line-height: 100rpx;
+}
+
+.cannot-pay {
+  width: 267rpx;
+  height: 100rpx;
+  font-size: 31.3rpx;
+  color: #ffffff;
+  background-color: #dcdcdc;
+  text-align: center;
+  line-height: 100rpx;
+}
+
+.delete {
+  width: 267rpx;
+  height: 100rpx;
+  font-size: 31.3rpx;
+  color: #ffffff;
+  background-color: #fe7500;
+  text-align: center;
+  line-height: 100rpx;
+}
+
+.cannot-delete {
+  width: 267rpx;
+  height: 100rpx;
+  font-size: 31.3rpx;
+  color: #ffffff;
+  background-color: #dcdcdc;
+  text-align: center;
+  line-height: 100rpx;
+}
+
+.all-choice {
+  display: flex;
+  align-items: center;
+}
+
+.all-img {
+  border: 2.1rpx solid #000000;
+  border-radius: 8.3rpx;
+}
+
+.count-number {
+  display: flex;
+}
+
+.flex-wrap {
+  width: 470rpx;
+  display: flex;
+  justify-content: space-between;
+}
+
+.total-wrap {
+  display: flex;
+  align-items: center;
+}
+.edit-count-input {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 48rpx;
+  height: 50rpx;
+  border: 2rpx solid rgba(0, 0, 0, 0.2);
+  font-size: 28rpx;
+  text-align: center;
+  background-color: #f8f8f8;
+}
+
+.empty-cart {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 600rpx;
+  color: #999;
+  text-align: center;
+  padding: 0 33rpx;
+}
+
+.empty-text {
+  font-size: 33.3rpx;
+  color: #333;
+  margin-bottom: 60rpx;
+}
+
+.empty-btn {
+  width: 400rpx;
+  height: 80rpx;
+  background-color: #ff7500;
+  color: #ffffff;
+  font-size: 31.3rpx;
+  text-align: center;
+  line-height: 80rpx;
+  border-radius: 40rpx;
+}

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

@@ -0,0 +1,66 @@
+<!-- template里只能有一个根节点 -->
+<hjs module="tool">
+  var getNumber = function (p) {
+  return p.toFixed(2)
+  }
+  module.exports.getNumber = getNumber;
+</hjs>
+<view class="shopping-container">
+  <view class="shopping-container" style="margin-bottom: 100rpx">
+    <!-- 位置 -->
+    <view class="page-head">
+      <image src="/pages/Page_MainTab/Page_Shoppingcart/img/location_gps.png"></image>
+      <text class="good-address" bind:tap="select">{{address}}</text>
+      <text bind:tap="change_state" class="goods-edit">{{change_state_tile}}</text>
+    </view>
+    <view has:if="{{datas.list.length === 0}}" class="empty-cart">
+      <text class="empty-text">购物车是空的</text>
+      <view class="empty-btn" bind:tap="goToShop">去逛逛</view>
+    </view>
+    <!-- 商品列表 -->
+    <block has:for="{{datas.list}}" has:key="item">
+      <view class="page-content">
+        <image class="check" bind:tap="change" data-index="{{index}}" style="width: 42rpx;height:42rpx;" src="{{item.choosed ?datas.checked:datas.unChecked}}"></image>
+        <image class="pic" style="width:134rpx;height:150rpx;" src="{{item.goods_pic}}"></image>
+        <view class="goods-detail">
+          <text class="goods-name">{{item.goods_name}}</text>
+          <text class="goods-weigth">{{item.goods_numbers}}</text>
+          <view class="flex-wrap">
+            <view>
+              <text class="good-discount">¥{{tool.getNumber(item.goods_discount)}}</text>
+              <text class="good-price">¥{{item.goods_price}}</text>
+            </view>
+            <view class="count-number">
+              <view class="edit-minus" bind:tap="number_minute" data-index="{{index}}">-</view>
+              <input class="edit-count-input" type="number" value="{{item.number}}" bind:input="handleNumberInput" data-index="{{index}}" placeholder="1" />
+              <view class="edit-add" bind:tap="number_add" data-index="{{index}}">+</view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </block>
+  </view>
+  <view>
+    <view has:if="{{no_edit}}" class="page-total">
+      <view class="all-choice">
+        <image class="all-img" bind:tap="allChange" src="{{all_choosed ?datas.checked:datas.unChecked}}"></image>
+        <text class="all">全选</text>
+      </view>
+      <view class="total-wrap">
+        <text class="total">合计:</text>
+        <text class="total-price">¥{{tool.getNumber(total_price)}}</text>
+      </view>
+      <view has:if="{{isCanGoPay && datas.list.length >0 }}" class="pay" bind:tap="check">去结算</view>
+      <view has:else class="cannot-pay">去结算</view>
+    </view>
+    <view has:if="{{!no_edit}}" class="page-total">
+      <view class="all-choice">
+        <image class="all-img" bind:tap="allChange" src="{{all_choosed ?datas.checked:datas.unChecked}}"></image>
+        <text class="all">全选</text>
+      </view>
+      <!-- 替换原来的删除按钮代码 -->
+      <view has:if="{{!no_edit}}" class="delete" bind:tap="deleteSelected">删除</view>
+      <view type="button" has:else class="cannot-delete">删除</view>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,209 @@
+Component({
+  properties: {
+    address: '',
+    datas: '',
+    shoppingcartnumbers: '',
+  },
+  data: {
+    isCanGoPay: true,
+    total_price: 0,
+    no_edit: true,
+    change_state_tile: '商品编辑',
+    all_choosed: true,
+  },
+  attached() {
+    this.updateTotalPrice();
+  },
+  methods: {
+    change: function (e) {
+      let datas = this.data.datas;
+      let list = datas.list;
+      let index = e.currentTarget.dataset.index;
+      list[index].choosed = !list[index].choosed;
+      datas.list = list;
+      this.setData({
+        datas,
+      });
+      this.updateTotalPrice();
+      let all_choosed = true;
+      for (let i = 0; i < list.length; i++) {
+        if (list[i].choosed == false) {
+          all_choosed = false;
+          break;
+        }
+      }
+      let isCanGoPay = false;
+      for (let i = 0; i < list.length; i++) {
+        if (list[i].choosed == true) {
+          isCanGoPay = true;
+          break;
+        }
+      }
+      this.setData({
+        all_choosed,
+        isCanGoPay,
+      });
+    },
+    number_minute: function (e) {
+      let datas = this.data.datas;
+      let list = datas.list;
+      let index = e.currentTarget.dataset.index;
+      if (list[index].number > 0) {
+        list[index].number--;
+      }
+      datas.list = list;
+      this.setData({
+        datas,
+      });
+      this.updateTotalPrice();
+    },
+    number_add: function (e) {
+      let datas = this.data.datas;
+      let list = datas.list;
+      let index = e.currentTarget.dataset.index;
+      list[index].number++;
+      datas.list = list;
+      this.setData({
+        datas,
+      });
+      this.updateTotalPrice();
+    },
+    updateTotalPrice: function () {
+      let total_price = 0;
+      let shoppingcartnumbers = 0;
+      let datas = this.data.datas;
+      let list = datas.list;
+
+      list.forEach((element) => {
+        if (element.choosed) {
+          total_price += element.number * element.goods_discount;
+          shoppingcartnumbers++;
+        }
+      });
+      this.setData({
+        total_price,
+        shoppingcartnumbers,
+      });
+      this.emitabc();
+    },
+    allChange: function () {
+      let all_choosed = this.data.all_choosed;
+      let isCanGoPay = this.data.isCanGoPay;
+      let datas = this.data.datas;
+      let list = datas.list;
+      if (all_choosed) {
+        all_choosed = false;
+        if (isCanGoPay) {
+          isCanGoPay = false;
+        }
+        list.forEach((element) => {
+          if (element.choosed) {
+            element.choosed = false;
+          }
+        });
+      } else {
+        all_choosed = true;
+        if (!isCanGoPay) {
+          isCanGoPay = true;
+        }
+        list.forEach((element) => {
+          if (!element.choosed) {
+            element.choosed = true;
+          }
+        });
+      }
+      datas.list = list;
+      this.setData({
+        all_choosed,
+        isCanGoPay,
+        datas,
+      });
+      this.updateTotalPrice();
+    },
+    change_state: function () {
+      let no_edit = this.data.no_edit;
+      if (no_edit) {
+        this.setData({
+          no_edit: false,
+          change_state_tile: '完成编辑',
+        });
+        this.no_edit = false;
+        this.change_state_tile = '完成编辑';
+      } else {
+        this.setData({
+          no_edit: true,
+          change_state_tile: '商品编辑',
+        });
+      }
+    },
+
+    check: function () {
+      has.navigateTo({
+        url: '/pages/Page_Orders/index',
+      });
+    },
+    emitabc() {
+      has.setTabBarBadge({
+        index: 2,
+        text: this.data.shoppingcartnumbers + '',
+      });
+    },
+    deleteSelected: function () {
+      let datas = this.data.datas;
+      let list = datas.list;
+
+      let updatedList = list.filter(item => !item.choosed);
+
+      datas.list = updatedList;
+      this.setData({
+        datas,
+      });
+
+      this.updateTotalPrice();
+
+      this.setData({
+        all_choosed: false,
+        no_edit: true,
+        change_state_tile: '商品编辑',
+      });
+
+      has.showToast({
+        title: '已删除选中商品',
+        icon: 'success',
+        duration: 1500,
+      });
+    },
+    select: function () {
+      has.navigateTo({
+        url: '/pages/Page_SelectReceiveAdd/index',
+      });
+    },
+    handleNumberInput(e) {
+      const index = e.currentTarget.dataset.index;
+      const value = e.detail.value;
+
+      let num = parseInt(value);
+      if (isNaN(num) || num < 0) {
+        num = 0;
+      }
+      let datas = this.data.datas;
+      let list = datas.list;
+
+      list[index].number = num;
+      datas.list = list;
+      this.setData({
+        datas,
+      });
+      this.updateTotalPrice();
+    },
+    handleFocus(e) {
+      const input = e.currentTarget;
+      input.select();
+    },
+    goToShop: function () {
+      has.switchTab({
+        url: '/pages/Page_MainTab/Page_Home/index', 
+      });
+    }
+  },
+});

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

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

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

@@ -0,0 +1,80 @@
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 750rpx;
+}
+
+.sola-head {
+  display: flex;
+  justify-content: space-between;
+  align-content: center;
+  align-items: center;
+  margin: 31rpx 33rpx 31rpx 33rpx;
+}
+
+.sola-head-left {
+  display: flex;
+  align-content: flex-end;
+  align-items: center;
+}
+
+.sola-topic {
+  color: #1a1a1a;
+  font-size: 31.3rpx;
+  line-height: 40.6rpx;
+  margin-right: 30rpx;
+  align-self: center;
+}
+
+.sola-time {
+  align-self: center;
+}
+
+.sola-head-right {
+  display: flex;
+  align-content: center;
+  align-items: flex-end;
+}
+
+.sola-link {
+  color: #8d8d8d;
+  font-size: 27.1rpx;
+  margin-right: 9rpx;
+  align-self: center;
+}
+
+.sola-arrow {
+  width: 16rpx;
+  height: 27.1rpx;
+  align-self: center;
+}
+
+.sola-list {
+  border-color: #0000ff;
+  flex-wrap: wrap;
+  margin: 0rpx 33rpx 12rpx 33rpx;
+}
+
+.sola-product {
+  display: flex;
+  width: 100%;
+  height: 363rpx;
+  flex-direction: column;
+  border-radius: 8rpx;
+  background-color: #f2f2f2;
+  margin-bottom: 17rpx;
+}
+
+.sola-image {
+  width: 100%;
+  border-top-left-radius: 8rpx;
+  border-top-right-radius: 8rpx;
+  margin-bottom: 17rpx;
+}
+
+.sola-title {
+  color: #1a1a1a;
+  font-size: 27.1rpx;
+  line-height: 34.9rpx;
+  margin-left: 15rpx;
+}

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

@@ -0,0 +1,18 @@
+<view class="wrapper">
+  <view class="sola-head" has:if="{{banner.title}}">
+    <view class="sola-head-left">
+      <text class="sola-topic">{{banner.title}}</text>
+    </view>
+    <view class="sola-head-right" bind:tap="press">
+      <text class="sola-link">{{banner.link}}</text>
+      <image class="sola-arrow" src="{{banner.arrow_uri}}"></image>
+    </view>
+  </view>
+
+  <view class="sola-list">
+    <view has:for="{{list}}" class="sola-product" style="background-color: {{item.dynamicallyColor}}" bind:tap="detail">
+      <image class="sola-image" src="{{item.uri}}" mode="widthFix"></image>
+      <text class="sola-title">{{item.title}}</text>
+    </view>
+  </view>
+</view>

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

@@ -0,0 +1,19 @@
+Component({
+  properties: {
+    banner: '',
+    list: '',
+  },
+  attached() {},
+  methods: {
+    //点击更多链接触发函数
+    press() {
+      console.error('更多链接 ');
+    },
+    //点击商品，跳转到商品详情页面
+    detail: function () {
+      has.navigateTo({
+        url: '/pages/Page_MallDetail/index',
+      });
+    },
+  },
+});

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

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