@atomicservice/ascf-base 1.0.16 → 1.0.17

package/dist/templates/ascfTakeaway/pages/Page_Coupon/index.js

@@ -0,0 +1,98 @@
+Page({
+  data: {
+    couponList: [
+      {
+        name: '广东猪脚饭',
+        amount: 10,
+        description: '满一百减10',
+        validityPeriod: '有效期至2026-12-31',
+        flag: '可用'
+      },
+      {
+        name: '蜜雪冰城',
+        amount: 5,
+        description: '满一百减5',
+        validityPeriod: '有效期至2026-11-30',
+        flag: '可用'
+      },
+      {
+        name: '全场通用',
+        amount: 10,
+        description: '满二十减10',
+        validityPeriod: '有效期至2026-10-31',
+        flag: '可用'
+      },
+      {
+        name: '肯德基',
+        amount: 8,
+        description: '满99元可用',
+        validityPeriod: '有效期至2025-10-31',
+        flag: '已使用'
+      },
+      {
+        name: '农家一碗香',
+        amount: 50,
+        description: '满200元可用',
+        validityPeriod: '有效期至2025-12-31',
+        flag: '已过期'
+      }
+    ],
+    rates: ['时间', '面额', '类型'],
+    rateIndex: 0
+  },
+  onLoad() {
+  },
+  rateChange(e) {
+    let obj1 = {
+      name: '广东猪脚饭',
+      amount: 10,
+      description: '满一百减10',
+      validityPeriod: '有效期至2026-12-31',
+      flag: '可用'
+    }
+    let obj2 = {
+      name: '蜜雪冰城',
+      amount: 5,
+      description: '满一百减5',
+      validityPeriod: '有效期至2026-11-30',
+      flag: '可用'
+    }
+    let obj3 = {
+      name: '全场通用',
+      amount: 20,
+      description: '满一百减20',
+      validityPeriod: '有效期至2026-10-31',
+      flag: '可用'
+    }
+    let obj4 = {
+      name: '肯德基',
+      amount: 8,
+      description: '满99元可用',
+      validityPeriod: '有效期至2025-10-31',
+      flag: '已使用'
+    }
+    let obj5 = {
+      name: '农家一碗香',
+      amount: 50,
+      description: '满200元可用',
+      validityPeriod: '有效期至2025-12-31',
+      flag: '已过期'
+    }
+    if (e.detail.value == 0) {
+      this.setData({
+        rateIndex: e.detail.value,
+        couponList: [obj1, obj2, obj3, obj4, obj5]
+      })
+    } else if (e.detail.value == 1) {
+      this.setData({
+        rateIndex: e.detail.value,
+        couponList: [obj5, obj3, obj1, obj4, obj2]
+      })
+    } else {
+      this.setData({
+        rateIndex: e.detail.value,
+        couponList: [obj1, obj2, obj3, obj4, obj5]
+      })
+    }
+  },
+});

package/dist/templates/ascfTakeaway/pages/Page_Coupon/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "优惠券"
+}

package/dist/templates/ascfTakeaway/pages/Page_GoodsDetail/index.css

@@ -0,0 +1,248 @@
+.bannerImg {
+  margin-bottom: 33rpx;
+}
+
+.groupCon {
+  width: 700rpx;
+  color: #1a1a1a;
+  opacity: 0.5;
+  font-size: 24rpx;
+  padding-bottom: 16rpx;
+}
+
+.leftColumn {
+  width: 159.8rpx;
+  margin-right: 60rpx;
+}
+
+.mainDetail {
+  display: flex;
+  flex-direction: column;
+}
+
+.detailTitle {
+  display: flex;
+  width: 100%;
+  text-align: center;
+  justify-content: center;
+}
+
+.titleDetailText {
+  font-size: 27.1rpx;
+  color: #1a1a1a;
+  opacity: 0.5;
+  margin-bottom: 50rpx;
+}
+
+.divSep {
+  height: 17rpx;
+  width: 100%;
+  background-color: #f5f5f5;
+  margin-bottom: 31rpx;
+}
+
+.goodsMainAdvanced {
+  display: flex;
+  height: 62rpx;
+  width: 100%;
+  margin-bottom: 16rpx;
+}
+
+.advancedTitleCon {
+  margin-right: 16rpx;
+}
+
+.advancedTitle {
+  font-size: 20.8rpx;
+  color: #1a1a1a;
+  opacity: 0.4;
+  border: 1.6rpx solid #b3b3b3;
+  border-radius: 5.2rpx;
+  padding-left: 14rpx;
+  padding-right: 14rpx;
+  height: 38rpx;
+  margin-top: 5rpx;
+}
+
+.lineSep {
+  border: 1rpx solid #000000;
+  opacity: 0.2;
+  height: 1rpx;
+  width: 100%;
+  color: #000000;
+  border-bottom-width: 0.5rpx;
+  border-color: rgba(0, 0, 0, 0.2);
+  margin-bottom: 17rpx;
+}
+
+.textAlign {
+}
+
+.goodsQty {
+  display: flex;
+  width: 150rpx;
+  height: 50rpx;
+  border-radius: 4rpx;
+  border: 0.5rpx solid #dddddd;
+  margin-left: 332rpx;
+  font-size: 28rpx;
+  line-height: 50rpx;
+  text-align: center;
+}
+
+.qtyCount {
+  display: flex;
+  width: 70rpx;
+  height: 50rpx;
+  border: 0.5rpx solid #dddddd;
+  flex-direction: row;
+  justify-content: center;
+}
+
+.addImg {
+  background-image: url(./img/add.png);
+}
+
+.calImg {
+  width: 49rpx;
+  height: 50rpx;
+  background-size: 17rpx;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.mainTitle {
+  flex-direction: column;
+}
+
+.goodsPriceQty {
+  display: flex;
+  margin: 40rpx 0;
+  height: 56.9rpx;
+  justify-content: space-between;
+}
+
+.orgGoodsPrice {
+  color: #1a1a1a;
+  opacity: 0.3;
+  font-size: 25rpx;
+  text-decoration: line-through;
+  height: 46.9rpx;
+  margin-top: 9rpx;
+}
+
+.goodsPrice {
+  font-size: 46.9rpx;
+  color: #ff742e;
+  margin-right: 17rpx;
+}
+
+.countTitleDiv {
+  width: 100rpx;
+  padding: 0 29rpx;
+}
+
+.countTitle {
+  font-size: 37.5rpx;
+  color: #ff742e;
+}
+
+.bottomGoodsTitle {
+  font-size: 20.8rpx;
+  opacity: 0.3;
+  color: #1a1a1a;
+}
+
+.centerGoodsTitle {
+  font-size: 27.1rpx;
+  opacity: 0.5;
+  margin-bottom: 13rpx;
+  color: #1a1a1a;
+}
+
+.topMainTitle {
+  font-size: 31.3rpx;
+  margin-bottom: 12rpx;
+  color: #1a1a1a;
+}
+
+.goodsTitle {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.rightGoodsTitle {
+  display: flex;
+  flex-direction: column;
+  color: #1a1a1a;
+  margin-left: 58rpx;
+}
+
+.leftGoodsTitle {
+  display: flex;
+  flex-direction: column;
+  width: 470rpx;
+  color: #1a1a1a;
+}
+
+.imgSetting {
+  background-position: bottom;
+  background-repeat: no-repeat;
+  background-size: cover;
+  width: 100%;
+  height: 750rpx;
+}
+
+.imgSetting image {
+  width: 100%;
+}
+
+.swiperContent {
+  width: 750rpx;
+  height: 750rpx;
+  indicator-selected-color: rgba(173, 173, 173, 1);
+  indicator-color: rgba(173, 173, 173, 0.5);
+  indicator-size: 8rpx;
+}
+
+.mainContent {
+  padding-left: 33rpx;
+  padding-right: 33rpx;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  width: 750rpx;
+}
+
+.goodsPriceWrap {
+  display: flex;
+  align-items: flex-end;
+}
+
+.bottom-box{
+  display: flex;
+}
+
+.collect{
+  width: 25%;
+  padding-left: 32rpx;
+}
+
+.add{
+  width: 37.5%;
+  padding-left: 32rpx;
+  padding-right: 16rpx;
+}
+
+.goto{
+  width: 37.5%;
+  padding-right: 32rpx;
+  padding-left: 16rpx;
+}
+
+.collecting{
+  font-size: 24rpx;
+}

package/dist/templates/ascfTakeaway/pages/Page_GoodsDetail/index.hxml

@@ -0,0 +1,87 @@
+<!-- template里只能有一个根节点 -->
+<view class="container">
+  <view class="bannerImg">
+    <swiper class="swiperContent" autoplay="true">
+      <swiper-item>
+        <view class="imgSetting">
+          <image src="./TO_DELETE/banner.jpg" mode="widthFix" />
+        </view>
+      </swiper-item>
+      <swiper-item>
+        <view class="imgSetting">
+          <image src="./TO_DELETE/banner.jpg" mode="widthFix" />
+        </view>
+      </swiper-item>
+      <swiper-item>
+        <view class="imgSetting">
+          <image src="./TO_DELETE/banner.jpg" mode="widthFix" />
+        </view>
+      </swiper-item>
+    </swiper>
+  </view>
+  <view class="mainTitle mainContent">
+    <view class="goodsTitle">
+      <view class="leftGoodsTitle">
+        <text class="topMainTitle">{{product.title}}</text>
+        <text class="centerGoodsTitle">{{product.subtitle}}</text>
+        <text class="bottomGoodsTitle">{{product.unit}}</text>
+      </view>
+      <view class="rightGoodsTitle">
+        <view class="countTitleDiv">
+          <text class="countTitle">{{product.score}}</text>
+        </view>
+        <text class="bottomGoodsTitle">{{product.scorename}}</text>
+      </view>
+    </view>
+
+    <view class="goodsPriceQty">
+      <view class="goodsPriceWrap">
+        <view class="goodsPrice">
+          {{product.specialprice}}
+        </view>
+        <view class="orgGoodsPrice">
+          {{product.originalprice}}
+        </view>
+      </view>
+      <view class="goodsQty">
+        <view class="decreaseImg calImg" bind:tap="decrease">-</view>
+        <view class="qtyCount">
+          <text class="textAlign">{{count}}</text>
+        </view>
+        <view class="calImg" bind:tap="add">+</view>
+      </view>
+    </view>
+
+    <view class="lineSep"></view>
+    <view class="goodsMainAdvanced">
+      <view class="advancedTitleCon" has:for="{{product.advancedTitle}}" has:key="item">
+        <text class="advancedTitle">{{item.name}}</text>
+      </view>
+    </view>
+  </view>
+  <view class="divSep "></view>
+  <view class="mainDetail mainContent">
+    <view class="detailTitle">
+      <text class="titleDetailText">{{product.detailname}}</text>
+    </view>
+    <view class="mainDetail" has:for="{{product.goodsDetail}}" has:key="item">
+      <view class="groupCon">
+        <text class="leftColumn">{{item.name}}</text>
+        <text class="rightColumn">{{item.detail}}</text>
+
+      </view>
+      <view class="lineSep "></view>
+    </view>
+  </view>
+  <view class="bottom-box">
+    <view class="collect">
+      <button bind:tap="collecting" class="collecting">{{collectingFlag?'取消收藏':'收藏'}}</button>
+    </view>
+    <view class="add">
+      <button bind:tap="addTap">加入购物车</button>
+    </view>
+    <view class="goto">
+      <button bind:tap="goto">立即购买</button>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfTakeaway/pages/Page_GoodsDetail/index.js

@@ -0,0 +1,149 @@
+const app = getApp()
+Page({
+  data: {
+    title: 'World!',
+    count: 1,
+    //商品基本信息
+    product: {
+      title: '默认开口 A级-泰国椰青（中）2枚', //商品名称
+      subtitle: '用椰汁给你的心带来一次风情SPA', //商品副标题
+      unit: '半个/1600 300g', //商品单位
+      count: '2', //商品数量
+      score: '40', //获取积分
+      scorename: '购物得积分', //积分活动标题
+      specialprice: '￥40', //折扣价格
+      originalprice: '￥58.8', //原价
+      detailname: '-商品详情-', //“商品详情”title
+      //商品额外信息
+      advancedTitle: [
+        {
+          name: '不好吃瞬间退款',
+        },
+        {
+          name: '最快半小时达',
+        },
+        {
+          name: '全球直采 放心品控',
+        },
+      ],
+      //商品产地、规格等信息
+      goodsDetail: [
+        {
+          name: '产地',
+          detail: '泰国',
+        },
+        {
+          name: '规格',
+          detail: '1个',
+        },
+      ],
+    },
+    collectingFlag: false
+  },
+  decrease() {
+    let count = this.data.count;
+    if (count <= 1) {
+      return;
+    }
+    count--;
+    this.setData({ count });
+  },
+  add() {
+    let count = this.data.count;
+    count++;
+    this.setData({ count });
+  },
+  onLoad() {
+    let goodsDetail = has.getStorageSync('goodsDetail');
+    let product = {
+      title: goodsDetail.goods_name, //商品名称
+      subtitle: '用椰汁给你的心带来一次风情SPA', //商品副标题
+      unit: goodsDetail.goods_numbers, //商品单位
+      count: '2', //商品数量
+      score: '40', //获取积分
+      scorename: '购物得积分', //积分活动标题
+      specialprice: goodsDetail.goods_discount, //折扣价格
+      originalprice: goodsDetail.goods_price, //原价
+      detailname: '-商品详情-', //“商品详情”title
+      //商品额外信息
+      advancedTitle: [
+        {
+          name: '不好吃瞬间退款',
+        },
+        {
+          name: '最快半小时达',
+        },
+        {
+          name: '全球直采 放心品控',
+        },
+      ],
+      //商品产地、规格等信息
+      goodsDetail: [
+        {
+          name: '产地',
+          detail: '泰国',
+        },
+        {
+          name: '规格',
+          detail: '1个',
+        },
+      ],
+    }
+    let collectingFlag = false;
+    app.globalData.collectingList.map((item, index) => {
+      if (item.goods_name === goodsDetail.goods_name) {
+        collectingFlag = true;
+      }
+    })
+    this.setData({
+      product: product,
+      collectingFlag: collectingFlag
+    })
+  },
+  //立即购买
+  goto() {
+    let list = has.getStorageSync('goodsDetail');
+    list.count = this.data.count;
+    let arr = [];
+    arr.push(list);
+    has.navigateTo({
+      url: '/pages/Page_Orders/index',
+    });
+  },
+  //加入购物车
+  addTap() {
+    let list = has.getStorageSync('goodsDetail');
+    app.globalData.verticaltablist.forEach((item, index) => {
+      item.products.forEach((item2, index2) => {
+        if (list.goods_name === item2.goods_name) {
+          item2.count = this.data.count;
+          has.showModal({
+            title: '提示',
+            content: '已加入购物车!',
+            showCancel: false
+          });
+        }
+      })
+    })
+  },
+  //收藏
+  collecting() {
+    let list = has.getStorageSync('goodsDetail');
+    if (!this.data.collectingFlag) {
+      list.count = this.data.count;
+      app.globalData.collectingList.push(list);
+      this.setData({
+        collectingFlag: true
+      })
+    } else {
+      app.globalData.collectingList.map((item, index) => {
+        if (item.goods_name === list.goods_name) {
+          app.globalData.collectingList.splice(index, 1)
+        }
+      })
+      this.setData({
+        collectingFlag: false
+      })
+    }
+  }
+});

package/dist/templates/ascfTakeaway/pages/Page_GoodsDetail/index.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "商品详情"
+}