@atomicservice/ascf-base 1.0.16 → 1.0.17

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

@@ -0,0 +1,32 @@
+Component({
+  properties: {
+    list: '',
+    title: '',
+  },
+  data: {
+    isShow: false,
+    choosed: 'mallboxitem-choosed',
+    unchoosed: 'mallbox-item',
+  },
+  attached() {},
+  methods: {
+    show: function () {
+      this.setData({
+        isShow: !this.data.isShow,
+      });
+    },
+    changeState(e) {
+      let list = this.data.list;
+      let index = e.currentTarget.dataset.index;
+      list.forEach((element) => {
+        if (element.ischoosed) {
+          element.ischoosed = false;
+        }
+      });
+      list[index].ischoosed = true;
+      this.setData({
+        list,
+      });
+    },
+  },
+});

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

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

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

@@ -0,0 +1,163 @@
+.container {
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  display: flex;
+  margin-bottom: 100rpx;
+  flex-direction: column;
+  padding-bottom: calc(50px + env(safe-area-inset-bottom));
+}
+
+.page-head {
+  display: flex;
+  height: 84rpx;
+  align-items: center;
+}
+
+.page-head image {
+  width: 21rpx;
+  height: 26rpx;
+  resize-mode: contain;
+  margin-left: 33rpx;
+  margin-right: 12rpx;
+}
+
+.good-address {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+  width: 497rpx;
+  margin-right: 39rpx;
+}
+
+.goods-edit {
+  font-size: 31.3rpx;
+  color: #ff742e;
+}
+
+.page-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 169rpx;
+  margin-bottom: 50rpx;
+  margin: 0rpx 33rpx;
+}
+
+.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;
+  margin-bottom: 8rpx;
+}
+
+.good-discount {
+  color: #fa2a2d;
+  font-size: 31.3rpx;
+  width: 100rpx;
+}
+
+.count-number {
+  display: flex;
+  justify-content: space-between;
+  width: 490rpx;
+  margin-top: 21rpx;
+}
+
+.good-number {
+  color: #1a1a1a;
+  font-size: 25rpx;
+}
+
+.page-total {
+  display: flex;
+  justify-content: space-between;
+  bottom: 0;
+  height: calc(50px + env(safe-area-inset-bottom));
+  position: fixed;
+  background-color: #ffffff;
+  width: 750rpx;
+}
+
+.pay-attention {
+  display: flex;
+  flex-direction: column;
+  margin-left: 33rpx;
+}
+
+.remark {
+  display: flex;
+  height: 100rpx;
+  align-items: center;
+}
+
+.remark input {
+  width: 600rpx;
+  font-size: 27.1rpx;
+}
+
+.remark-text {
+  display: flex;
+  width: 650rpx;
+  justify-content: space-between;
+  margin-right: 12rpx;
+}
+
+.remark image {
+  width: 16rpx;
+  height: 28rpx;
+  resize-mode: contain;
+}
+
+.att-title {
+  font-size: 32rpx;
+  color: #1a1a1a;
+  line-height: 1;
+}
+
+.total {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+  margin-right: 8rpx;
+  margin-left: 33rpx;
+}
+
+.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;
+}
+
+.total-wrap {
+  display: flex;
+  align-items: center;
+}

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

@@ -0,0 +1,75 @@
+<!-- template里只能有一个根节点 -->
+<hjs module="tool">
+  var getNumber = function (p) {
+  return p.toFixed(2)
+  }
+  module.exports.getNumber = getNumber;
+</hjs>
+<view class="container">
+  <view class="content">
+    <!-- 位置 -->
+    <view class="page-head">
+      <image src="/pages/Page_Orders/img/location_gps.png"></image>
+      <text class="good-address" bind:tap="select">{{datas.address}}</text>
+      <text bind:tap="change_state" class="goods-edit">编辑商品</text>
+    </view>
+
+    <!-- 商品列表 -->
+    <block has:for="{{datas.list}}">
+      <view class="page-content">
+        <view>
+          <image class="pic" style="width:134rpx;height:150rpx;" src="{{item.goods_pic}}"></image>
+        </view>
+        <view class="goods-detail">
+          <text class="goods-name">{{item.goods_name}}</text>
+          <text class="goods-weigth">{{item.goods_numbers}}</text>
+          <view>
+            <view class="count-number">
+              <text class="good-number">数量X{{item.number}}</text>
+              <text class="good-discount">¥{{tool.getNumber(item.goods_discount)}}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <view class="pay-attention">
+
+      <!-- 优惠券 -->
+      <view class="remark">
+        <view class="remark-text">
+          <text class="att-title">优惠券</text>
+          <text bind:tap="coupon">满一百减20</text>
+        </view>
+        <image src="/pages/Page_Orders/img/right_grey.png"></image>
+      </view>
+
+      <!-- 发票抬头 -->
+      <view class="remark">
+        <view class="remark-text">
+          <text class="att-title">发票抬头</text>
+          <text>不需要发票</text>
+        </view>
+        <image src="/pages/Page_Orders/img/right_grey.png"></image>
+      </view>
+
+      <!-- 备注 -->
+      <view class="remark">
+        <text class="att-title" style="margin-right: 20rpx;">备注</text>
+        <input placeholder="请注名，是否需要清洗等要求" />
+      </view>
+
+    </view>
+
+  </view>
+
+  <!-- 合计 -->
+  <view class="page-total">
+    <view class="total-wrap">
+      <text class="total">合计:</text>
+      <text class="total-price">¥{{tool.getNumber(datas.total_price)}}</text>
+    </view>
+    <view class="pay" bindtap="pay">确认支付</view>
+  </view>
+
+</view>

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

@@ -0,0 +1,29 @@
+Component({
+  properties: {
+    datas: '',
+  },
+  attached() {},
+  methods: {
+    change_state: function () {
+      has.navigateBack();
+    },
+    select: function () {
+      has.navigateTo({
+        url: '/pages/Page_SelectReceiveAdd/index',
+      });
+    },
+    //此处添加确认支付页面
+    pay: function () {
+      has.showToast({
+        title:'暂无确认支付页面',
+        duration:2000
+      })
+    },
+    coupon: function () {
+      has.showToast({
+        title: '暂无其他优惠卷',
+        duration: 2000
+      })
+    }
+  },
+});

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

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

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

@@ -0,0 +1,47 @@
+.recommend-content {
+  display: flex;
+  flex-direction: column;
+  margin: 0rpx 0rpx 0rpx 20rpx;
+  padding-bottom: 41rpx;
+}
+
+.recommend-title {
+  margin: 24.3rpx 0rpx;
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.recommend-box {
+  display: flex;
+  flex-direction: column;
+  margin: 0 10rpx;
+}
+
+.recommend-img {
+  width: 222rpx;
+  height: 222rpx;
+  border-radius: 8.3rpx;
+}
+
+.recommend-good-name {
+  margin: 14rpx 0rpx 4.7rpx 0rpx;
+  font-size: 27.1rpx;
+  color: #1a1a1a;
+}
+
+.recommend-price {
+  font-size: 20.8rpx;
+  color: #fa2a2d;
+  margin: 0rpx 10rpx 0rpx 0rpx;
+}
+
+.recommend-oldPrice {
+  color: #8d8d8d;
+  font-size: 20.8rpx;
+}
+
+.flex-wrap {
+  display: flex;
+  padding-right: 20rpx;
+  margin: 0 -10rpx;
+}

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

@@ -0,0 +1,13 @@
+<view class="recommend-content">
+  <text class="recommend-title">相似推荐</text>
+  <view class="flex-wrap">
+    <view has:for="{{list}}" class="recommend-box" bind:tap="detail">
+      <image class="recommend-img" src="{{item.icon}}"></image>
+      <text class="recommend-good-name">{{item.title}}</text>
+      <view>
+        <text class="recommend-price">{{item.price}}</text>
+        <text class="recommend-oldPrice">{{item.oldPrice}}</text>
+      </view>
+    </view>
+  </view>
+</view>

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

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

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

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

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

@@ -0,0 +1,32 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+}
+
+.view_search {
+  display: flex;
+  background-color: #f2f2f2;
+  width: 684rpx;
+  height: 66.7rpx;
+  margin-left: 33rpx;
+  margin-right: 33rpx;
+  border-radius: 8rpx;
+  align-items: center;
+}
+
+.image_search {
+  width: 33rpx;
+  height: 33rpx;
+  margin: 17rpx;
+}
+
+.place_holder {
+  width: 500rpx;
+  height: 40rpx;
+  line-height: 40rpx;
+  font-size: 27rpx;
+  color: #1a1a1a;
+}

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

@@ -0,0 +1,7 @@
+<!-- 搜索栏组件 -->
+<view class="container">
+  <view class="view_search" bind:tap="rediect">
+    <image class="image_search" src="/pages/Page_MainTab/Page_Home/img/c_search_search.png"></image>
+    <text class="place_holder">{{placeholder}}</text>
+  </view>
+</view>

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

@@ -0,0 +1,21 @@
+Component({
+  properties: {
+    url: '',
+    placeholder: '',
+  },
+  attached() {},
+  methods: {
+    onInit: function () {
+      if (this.placeholder === '' || this.placeholder === undefined) {
+        this.placeholder = '搜索栏组件默认字符';
+      }
+    },
+    rediect() {
+      console.log(this.data.url);
+      let url = '/pages/' + this.data.url + '/index';
+      has.navigateTo({
+        url: url,
+      });
+    },
+  },
+});

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

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

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

@@ -0,0 +1,34 @@
+.set-content {
+  display: flex;
+  flex-direction: column;
+  padding: 0rpx 20rpx;
+  width: 710rpx;
+  margin-top: 40rpx;
+}
+
+.set-box {
+  display: flex;
+  border-bottom: 2rpx solid #ccc;
+  align-items: center;
+  padding: 0 20rpx;
+}
+
+.set-title {
+  padding-top: 29rpx;
+  padding-bottom: 29rpx;
+  color: #1a1a1a;
+  font-size: 31rpx;
+  flex: 1;
+}
+
+.set-sub-title {
+  color: #8d8d8d;
+  font-size: 27rpx;
+}
+
+.set-img {
+  height: 28rpx;
+  width: 16rpx;
+  margin-left: 14rpx;
+  margin-right: 10rpx;
+}

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

@@ -0,0 +1,7 @@
+<view class="set-content">
+  <view has:for="{{list}}" class="set-box" bind:tap="detail" data-src="{{item.src}}">
+    <text class="set-title">{{item.title}}</text>
+    <text class="set-sub-title">{{item.subTitle}}</text>
+    <image class="set-img" src="/pages/Page_MainTab/Page_User/img/arrow.png"></image>
+  </view>
+</view>

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

@@ -0,0 +1,15 @@
+Component({
+  properties: {
+    list: '',
+  },
+  attached() {},
+  methods: {
+    detail: function (e) {
+      let src = e.currentTarget.dataset.src;
+      let url = '/pages/' + src + '/index';
+      has.navigateTo({
+        url: url,
+      });
+    },
+  },
+});

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

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