@atomicservice/ascf-base 1.0.16 → 1.0.17

package/dist/templates/ascfMall/pages/Page_MallDetail/index.js

@@ -0,0 +1,344 @@
+Page({
+  data: {
+    isCollect: false, //是否收藏该商品
+    currentGoodsId: 1,
+    //商品基本信息
+    goodsList: [
+      {
+        id: 1,
+        goodbasic: {
+          goodName: 'Sandro Moscoloni2018夏季新款显瘦直筒裙小个子V领针织连衣裙女', //商品名称
+          goodPrice: '909', //商品价格
+          goodOldPrice: '416', //商品原价
+          goodFree: '4张优惠券，共￥220', //商品优惠卷信息
+          goodFreeDetail: '购买最多可获得99个，会员等级越高**币越多', //商品优惠详情
+          //商品图片
+          goodImgList: [
+            {
+              url: '/pages/Page_MallDetail/TO_DELETE/large1.jpg', //商品图片路径
+            },
+            {
+              url: '/pages/Page_MallDetail/TO_DELETE/large2.jpg',
+            },
+          ],
+        },
+        //商品规格信息
+        specficlist: {
+          //规格
+          specfic: [
+            {
+              select: true, //商品当前选中的规格
+              value: '网格', //规格名称
+            },
+            {
+              select: false,
+              value: '文字',
+            },
+            {
+              select: false,
+              value: '彩圈',
+            },
+          ],
+          //尺寸
+          size: [
+            {
+              select: true, //商品当前选中的尺寸
+              value: 'X', //尺寸名称
+            },
+            {
+              select: false,
+              value: 'M',
+            },
+            {
+              select: false,
+              value: 'L',
+            },
+            {
+              select: false,
+              value: 'XL',
+            },
+          ],
+        },
+        //商品评论信息
+        comment: {
+          //评论关键字列表
+          keywordList: ['舒适', '透气', '时尚美观'],
+          //评论详情列表
+          detail: [
+            {
+              userName: 'Jiaqi', //用户评论名称
+              userIcon: '/pages/Page_MallDetail/TO_DELETE/user.png', //用户评论头像
+              commentsText:
+                  '相对而言，对白T恤一字领独特，长短页非常合适。相对而言，对白T恤一字领独特，长短也非常合适。', //用户评论文字
+              commentsImg: '/pages/Page_MallDetail/TO_DELETE/good4.png', //用户评论图片
+            },
+          ],
+        },
+        //推荐商品
+        recommendgood: [
+          {
+            icon: '/pages/Page_MallDetail/TO_DELETE/good1.png', //推荐商品图片
+            title: 'BLUEerror秋季七分袖t恤', //推荐商品名称
+            price: '￥196', //推荐商品价格
+            id: '1', //推荐商品id
+          },
+          {
+            icon: '/pages/Page_MallDetail/TO_DELETE/good2.png',
+            title: '俏皮套装女两件套小女孩最爱',
+            price: '￥339.98',
+            id: '3',
+          },
+          {
+            icon: '/pages/Page_MallDetail/TO_DELETE/good3.png',
+            title: '韩都衣舍2018韩版女装潮流上衣',
+            price: '￥188',
+            oldPrice: '￥398',
+            id: '4',
+          },
+        ],
+        //商品介绍
+        goodintroduced: [
+          {
+            title: '产地',
+            value: '中国',
+          },
+          {
+            title: '风格',
+            value: '轻熟风',
+          },
+          {
+            title: '流行元素',
+            value: '透视',
+          },
+        ],
+        //商家备注
+        notes: {
+          //备注标题
+          title: '咨询与售后',
+          //备注详情
+          detail: [
+            {
+              title: '退货说明',
+              detail: '该商品支持7天无理由退货，请您放心购买',
+            },
+            {
+              title: '换货说明',
+              detail: '该商品支持换货，订单签收7天内可申请换货。',
+            },
+            {
+              title: '尺码表上的尺码标准吗？',
+              detail:
+                  '我们所售商品尺寸均为人工测量，可能会存在1-2cm的正常误差范围。',
+            },
+          ],
+        },
+      },
+      {
+        id: 2,
+        goodbasic: {
+          goodName: '优衣库秋季新款修身休闲西装外套男', //商品名称
+          goodPrice: '399', //商品价格
+          goodOldPrice: '599', //商品原价
+          goodFree: '2张优惠券，共￥100', //商品优惠卷信息
+          goodFreeDetail: '购买最多可获得50个，会员等级越高积分越多', //商品优惠详情
+          goodImgList: [
+            {
+              url: '/pages/Page_MallDetail/TO_DELETE/large1.jpg',
+            },
+            {
+              url: '/pages/Page_MallDetail/TO_DELETE/large2.jpg',
+            },
+            {
+              url: '/pages/Page_MallDetail/TO_DELETE/large1.jpg',
+            },
+          ],
+        },
+        specficlist: {
+          specfic: [
+            {
+              select: true,
+              value: '纯色',
+            },
+            {
+              select: false,
+              value: '格纹',
+            },
+            {
+              select: false,
+              value: '条纹',
+            },
+          ],
+          size: [
+            {
+              select: true,
+              value: 'M',
+            },
+            {
+              select: false,
+              value: 'L',
+            },
+            {
+              select: false,
+              value: 'XL',
+            },
+          ],
+        },
+        comment: {
+          keywordList: ['百搭', '舒适', '质感好'],
+          detail: [
+            {
+              userName: 'Alex',
+              userIcon: '/pages/Page_MallDetail/TO_DELETE/user.png',
+              commentsText: '这款西装外套面料很好，款式经典百搭，推荐购买！',
+              commentsImg: '/pages/Page_MallDetail/TO_DELETE/good5.png',
+            },
+            {
+              userName: 'Mike',
+              userIcon: '/pages/Page_MallDetail/TO_DELETE/user.png',
+              commentsText: '尺码标准，版型修身，很满意。',
+            },
+          ],
+        },
+        recommendgood: [
+          {
+            icon: '/pages/Page_MallDetail/TO_DELETE/good1.png',
+            title: '优衣库秋季休闲裤',
+            price: '￥199',
+            id: '5',
+          },
+          {
+            icon: '/pages/Page_MallDetail/TO_DELETE/good2.png',
+            title: 'ZARA男士商务衬衫',
+            price: '￥259',
+            oldPrice: '￥359',
+            id: '6',
+          },
+          {
+            icon: '/pages/Page_MallDetail/TO_DELETE/good3.png',
+            title: 'H&M针织衫',
+            price: '￥149',
+            id: '7',
+          },
+        ],
+        goodintroduced: [
+          {
+            title: '产地',
+            value: '中国',
+          },
+          {
+            title: '风格',
+            value: '商务休闲',
+          },
+          {
+            title: '流行元素',
+            value: '修身',
+          },
+          {
+            title: '材质',
+            value: '聚酯纤维',
+          },
+        ],
+        notes: {
+          title: '售后服务',
+          detail: [
+            {
+              title: '洗涤说明',
+              detail: '建议冷水手洗，不可漂白，中温熨烫。',
+            },
+            {
+              title: '退货政策',
+              detail: '支持7天无理由退货，商品需保持完整标签。',
+            },
+            {
+              title: '配送说明',
+              detail: '下单后48小时内发货，预计3-5天送达。',
+            },
+          ],
+        },
+      },
+    ],
+  },
+  //页面加载时处理参数
+  onLoad: function (options) {
+    let currentGoodsId = 1; //默认使用第一组数据
+    if (options && options.goodsId) {
+      currentGoodsId = parseInt(options.goodsId);
+    }
+    console.log('currentGoodsId:', currentGoodsId); // 使用console.log替代has.showToast，避免阻塞
+    this.setData({
+      currentGoodsId: currentGoodsId
+    }, () => {
+      // 设置完currentGoodsId后，立即更新显示的数据
+      this.setCurrentGoodsData();
+    });
+  },
+  //设置当前商品数据显示
+  setCurrentGoodsData: function () {
+    const { currentGoodsId, goodsList } = this.data;
+    const currentGoods = goodsList.find(goods => goods.id === currentGoodsId) || goodsList[0];
+    
+    this.setData({
+      goodbasic: currentGoods.goodbasic,
+      specficlist: currentGoods.specficlist,
+      comment: currentGoods.comment,
+      recommendgood: currentGoods.recommendgood,
+      goodintroduced: currentGoods.goodintroduced,
+      notes: currentGoods.notes
+    });
+  },
+  //获取当前商品数据
+  getCurrentGoodsData: function () {
+    const { currentGoodsId, goodsList } = this.data;
+    const currentGoods = goodsList.find(goods => goods.id === currentGoodsId) || goodsList[0];
+
+    return {
+      goodbasic: currentGoods.goodbasic,
+      specficlist: currentGoods.specficlist,
+      comment: currentGoods.comment,
+      recommendgood: currentGoods.recommendgood,
+      goodintroduced: currentGoods.goodintroduced,
+      notes: currentGoods.notes
+    };
+  },
+  //收藏与取消收藏
+  collection: function (e) {
+    let type = e.currentTarget.dataset.type;
+    let isCollect = '';
+    console.log(type);
+    if (type == 'true') {
+      has.showToast({
+        title: '收藏成功',
+        icon: 'none',
+      });
+      isCollect = true;
+    } else {
+      has.showToast({
+        title: '取消收藏成功',
+        icon: 'none',
+      });
+      isCollect = false;
+    }
+    this.setData({
+      isCollect,
+    });
+  },
+  //进入确认订单页面
+  shopcart: function () {
+    has.navigateTo({
+      url: '/pages/Page_Shoppingcart/index',
+    });
+  },
+  //加入购物车,提示
+  shopcartFun: function () {
+    has.showToast({
+      title: '成功加入购物车',
+      icon: 'none',
+    });
+  },
+  //立即购买，进入确认订单页面
+  nowBuy: function () {
+    has.navigateTo({
+      url: '/pages/Page_Orders/index',
+    });
+  },
+});

package/dist/templates/ascfMall/pages/Page_MallDetail/index.json

@@ -0,0 +1,10 @@
+{
+  "usingComponents": {
+    "goodbasic": "/component/c_goodbasic/c_goodbasic",
+    "specfic": "/component/c_specfic/c_specfic",
+    "comments": "/component/c_comments/c_comments",
+    "recommend": "/component/c_recommend/c_recommend",
+    "goodintroduced": "/component/c_goodintroduced/c_goodintroduced"
+  },
+  "navigationBarTitleText": "商品详情"
+}

package/dist/templates/ascfMall/pages/Page_MallScreening/index.css

@@ -0,0 +1,63 @@
+.screening-content {
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 60rpx;
+}
+
+.screening-price-title {
+  margin: 36rpx 0rpx 36rpx 33rpx;
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.screening-price-box {
+  display: flex;
+  margin: 0rpx 33rpx 0rpx 33rpx;
+  padding-bottom: 32.8rpx;
+  border-bottom: 1rpx solid #ccc;
+}
+
+.screening-price-item {
+  width: 208.3rpx;
+  height: 66.7rpx;
+  border-radius: 8.3rpx;
+  background-color: #f2f2f2;
+  font-size: 27.1rpx;
+  color: #1a1a1a;
+  padding-left: 16rpx;
+}
+
+.screening-line {
+  margin: 0rpx 25rpx;
+}
+
+.screening-box {
+  display: flex;
+  flex-direction: column;
+  margin: 0rpx 33rpx;
+  border-bottom: 1rpx solid #ccc;
+}
+
+.screening-btn-box {
+  display: flex;
+  margin: 36rpx 33rpx 0rpx 33rpx;
+  align-items: center;
+}
+
+.screening-btn {
+  padding: 11.85rpx 134rpx;
+  margin: 0rpx 16.7rpx 0rpx 0rpx;
+  border-radius: 8.3rpx;
+  border: 1rpx solid rgba(0, 0, 0, 0.2);
+  color: #1a1a1a;
+  font-size: 31.3rpx;
+}
+
+.screening-ok-btn {
+  padding: 11.85rpx 134rpx;
+  border: 1rpx solid #ff7500;
+  border-radius: 8.3rpx;
+  background-color: #ff7500;
+  color: #ffffff;
+  font-size: 31.3rpx;
+}

package/dist/templates/ascfMall/pages/Page_MallScreening/index.hxml

@@ -0,0 +1,31 @@
+<view class="screening-content">
+  <text class="screening-price-title">价格区间</text>
+  <view class="screening-price-box">
+    <input class="screening-price-item" placeholder="最低价" maxlength="10" />
+    <text class="screening-line">_</text>
+    <input class="screening-price-item" placeholder="最高价" maxlength="10" />
+  </view>
+  <!-- 品类 -->
+  <view class="screening-box">
+    <mallbox list="{{category.list}}" title="{{category.title}}"></mallbox>
+  </view>
+  <view class="screening-box">
+    <mallbox list="{{versiontype.list}}" title="{{versiontype.title}}"></mallbox>
+    <mallbox list="{{thickness.list}}" title="{{thickness.title}}"></mallbox>
+    <mallbox list="{{elastic.list}}" title="{{elastic.title}}"></mallbox>
+  </view>
+  <view class="screening-box">
+    <mallbox list="{{season.list}}" title="{{season.title}}"></mallbox>
+  </view>
+  <view class="screening-box">
+    <mallbox list="{{collar.list}}" title="{{collar.title}}"></mallbox>
+    <mallbox list="{{sleeve.list}}" title="{{sleeve.title}}"></mallbox>
+  </view>
+  <view class="screening-box">
+    <mallbox list="{{sleevelength.list}}" title="{{sleevelength.title}}"></mallbox>
+  </view>
+  <view class="screening-btn-box">
+    <text class="screening-btn" bind:tap="reset">重置</text>
+    <text class="screening-ok-btn" bind:tap="ok">确认</text>
+  </view>
+</view>

package/dist/templates/ascfMall/pages/Page_MallScreening/index.js

@@ -0,0 +1,245 @@
+Page({
+  data: {
+    //品类
+    category: {
+      title: '品类',
+      list: [
+        {
+          title: 'T恤',
+          ischoosed: false,
+        },
+        {
+          title: '牛仔裤',
+          ischoosed: false,
+        },
+        {
+          title: '连衣裙',
+          ischoosed: false,
+        },
+        {
+          title: '衬衫',
+          ischoosed: false,
+        },
+        {
+          title: '半身裙',
+          ischoosed: false,
+        },
+        {
+          title: '套装',
+          ischoosed: false,
+        },
+        {
+          title: '外套',
+          ischoosed: false,
+        },
+      ],
+    },
+    //版型
+    versiontype: {
+      title: '版型',
+      list: [
+        {
+          title: 'O型',
+          ischoosed: false,
+        },
+        {
+          title: 'X型',
+          ischoosed: false,
+        },
+        {
+          title: 'A型',
+          ischoosed: false,
+        },
+        {
+          title: 'T型',
+          ischoosed: false,
+        },
+      ],
+    },
+    //厚薄
+    thickness: {
+      title: '厚薄',
+      list: [
+        {
+          title: '薄',
+          ischoosed: false,
+        },
+        {
+          title: '中等',
+          ischoosed: false,
+        },
+        {
+          title: '厚',
+          ischoosed: false,
+        },
+      ],
+    },
+    //弹性
+    elastic: {
+      title: '弹性',
+      list: [
+        {
+          title: '强',
+          ischoosed: false,
+        },
+        {
+          title: '一般',
+          ischoosed: false,
+        },
+        {
+          title: '弱',
+          ischoosed: false,
+        },
+      ],
+    },
+    //适用季节
+    season: {
+      title: '适用季节',
+      list: [
+        {
+          title: '春天',
+          ischoosed: false,
+        },
+        {
+          title: '夏天',
+          ischoosed: false,
+        },
+        {
+          title: '秋天',
+          ischoosed: false,
+        },
+        {
+          title: '冬天',
+          ischoosed: false,
+        },
+      ],
+    },
+    //领型
+    collar: {
+      title: '领型',
+      list: [
+        {
+          title: '高领',
+          ischoosed: false,
+        },
+        {
+          title: '中领',
+          ischoosed: false,
+        },
+        {
+          title: '低领',
+          ischoosed: false,
+        },
+      ],
+    },
+    //袖型
+    sleeve: {
+      title: '袖型',
+      list: [
+        {
+          title: '圆袖型',
+          ischoosed: false,
+        },
+        {
+          title: '非圆袖型',
+          ischoosed: false,
+        },
+      ],
+    },
+    //袖长
+    sleevelength: {
+      title: '袖长',
+      list: [
+        {
+          title: '长',
+          ischoosed: false,
+        },
+        {
+          title: '短',
+          ischoosed: false,
+        },
+        {
+          title: '中长',
+          ischoosed: false,
+        },
+      ],
+    },
+  },
+  //初始化
+  onInit() {
+    this.$page.setTitleBar({
+      text: '筛选',
+      textColor: '#1a1a1a',
+      backgroundColor: '#f2f2f2',
+      menu: false,
+    });
+  },
+  //重置
+  reset: function () {
+    let sleevelength = this.data.sleevelength;
+    let sleeve = this.data.sleeve;
+    let collar = this.data.collar;
+    let season = this.data.season;
+    let elastic = this.data.elastic;
+    let thickness = this.data.thickness;
+    let versiontype = this.data.versiontype;
+    let category = this.data.category;
+    sleevelength.list.forEach((element) => {
+      if (element.ischoosed) {
+        element.ischoosed = false;
+      }
+    });
+    sleeve.list.forEach((element) => {
+      if (element.ischoosed) {
+        element.ischoosed = false;
+      }
+    });
+    collar.list.forEach((element) => {
+      if (element.ischoosed) {
+        element.ischoosed = false;
+      }
+    });
+    season.list.forEach((element) => {
+      if (element.ischoosed) {
+        element.ischoosed = false;
+      }
+    });
+    elastic.list.forEach((element) => {
+      if (element.ischoosed) {
+        element.ischoosed = false;
+      }
+    });
+    thickness.list.forEach((element) => {
+      if (element.ischoosed) {
+        element.ischoosed = false;
+      }
+    });
+
+    versiontype.list.forEach((element) => {
+      if (element.ischoosed) {
+        element.ischoosed = false;
+      }
+    });
+    category.list.forEach((element) => {
+      if (element.ischoosed) {
+        element.ischoosed = false;
+      }
+    });
+    this.setData({
+      sleevelength,
+      sleeve,
+      collar,
+      season,
+      elastic,
+      thickness,
+      versiontype,
+      category,
+    });
+  },
+  //确认
+  ok: function () {
+    has.navigateTo({
+      url: '/pages/Page_RecentSearch/index',
+    });
+  },
+});

package/dist/templates/ascfMall/pages/Page_MallScreening/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "mallbox": "/component/c_mallbox/c_mallbox"
+  },
+  "navigationBarTitleText": "筛选"
+}