套餐活动

packageA/activity/bindingProduct/index.js

@@ -25,6 +25,7 @@ Page({
     searchList: [],
     dialogShow: false,
     submitQty: 1,
+    modification: false, //是否为修改套餐数量
   },
   onLoad(options) {
     console.log(options)
@@ -51,16 +52,16 @@ Page({
           packageList = res.data.find(v => v.value == params.content.packagetype).subvalues
         } catch (error) {}
         let getListPa = "";
-        if (options.getListPa) getListPa = JSON.parse(options.getListPa);
-        getListPa.content.pageNumber = 1;
-        getListPa.content.pageSize = 9999;
-        delete getListPa.content.pageTotal;
-        if (packageList.length) {
-          params.content.where.packagetypemx = packageList[0];
+        if (options.getListPa) {
+          getListPa = JSON.parse(options.getListPa);
+          getListPa.content.pageNumber = 1;
+          getListPa.content.pageSize = 9999;
           getListPa.content.where = {
-            packagetypemx: packageList[0]
+            packagetypemx: ''
           }
+          delete getListPa.content.pageTotal;
         }
+        if (packageList.length) params.content.where.packagetypemx = packageList[0]
         this.setData({
           params,
           getListPa,
@@ -113,6 +114,10 @@ Page({
     }.bind(this)
   },
   async getList(init = false) {
+    wx.showLoading({
+      title: '加载中...',
+      mask: true
+    })
     //init 用于初始化分页
     if (init.detail != undefined) init = init.detail;
     let params = this.data.params;
@@ -122,19 +127,22 @@ Page({
 
     let res = {},
       submitQty = 1,
-      CompleteCustomization = false;
+      CompleteCustomization = false,
+      modification = false;
     if (this.data.getListPa) {
       this.data.getListPa.content.where.packagetypemx = params.content.where.packagetypemx;
       res = await _Http.basic(this.data.getListPa);
       CompleteCustomization = true;
+      modification = true;
       if (!res.data.length) {
         res = await _Http.basic(params);
         CompleteCustomization = false;
+        modification = false;
       }
     } else {
       res = await _Http.basic(params);
-      console.log("params", res)
     }
+    wx.hideLoading()
     console.log("选择产品列表", res)
     this.selectComponent('#ListBox').RefreshToComplete();
     this.selectComponent("#ListBox").setHeight(".search", this);
@@ -148,7 +156,8 @@ Page({
     }).format();
     let newPrice = this.data.newPrice,
       oldPrice = this.data.oldPrice;
-    if (res.data.length) submitQty = res.data[0].qty / res.data[0].orderminqty;
+
+    if (res.data.length) submitQty = res.data[0].qty ? res.data[0].qty / res.data[0].orderminqty : 1;
     res.data = res.data.map(value => {
       if (value.attinfos.length != 0) {
         value.attinfos = file.fileList(value.attinfos)
@@ -179,6 +188,7 @@ Page({
       'params.content.pageTotal': res.pageTotal,
       'params.content.total': res.total,
       submitQty,
+      modification,
       list: res.pageNumber == 1 ? res.data : this.data.list.concat(res.data),
       loading: false
     })
@@ -201,8 +211,8 @@ Page({
   /* 提交 */
   submit() {
     const customsize = this.data.list.find(v => (v.iscustomsize && !v.CompleteCustomization));
+    let that = this;
     if (customsize) {
-      let that = this;
       return wx.showModal({
         title: '提示',
         content: `请先完成"${customsize.itemname}"产品的定制化信息`,
@@ -220,30 +230,49 @@ Page({
         }
       })
     }
-    this.setData({
-      dialogShow: true
-    })
-    this.selectComponent("#Dialog").data.beforeClose = (action) => new Promise((resolve) => {
-      if (action == 'cancel') {
-        resolve()
-        this.setData({
-          dialogShow: false
-        })
-        return;
-      }
-      getApp().globalData.handleSelect && getApp().globalData.handleSelect({
-        list: this.data.list.map(v => {
-          v.qty = v.qty * this.data.submitQty;
-          console.log(this.data.submitQty);
-          return v
-        })
-      }).then(res => {
-        resolve()
-        this.setData({
-          dialogShow: false
-        })
+
+    if (this.data.modification) {
+      wx.showModal({
+        title: '提示',
+        content: '您已添加过此套餐，是否需要重新调整套数？',
+        confirmText: '是',
+        cancelText: "否",
+        complete: ({
+          confirm
+        }) => {
+          if (confirm) handle()
+        }
       })
-    });
+    } else {
+      handle()
+    }
+
+    function handle() {
+      that.setData({
+        dialogShow: true
+      })
+      that.selectComponent("#Dialog").data.beforeClose = (action) => new Promise((resolve) => {
+        if (action == 'cancel') {
+          resolve()
+          that.setData({
+            dialogShow: false
+          })
+          return;
+        }
+        getApp().globalData.handleSelect && getApp().globalData.handleSelect({
+          list: that.data.list.map(v => {
+            v.qty = v.qty * that.data.submitQty;
+            return v
+          })
+        }).then(res => {
+          resolve()
+          that.setData({
+            dialogShow: false
+          })
+        })
+      });
+    }
+
   },
   /* 预览图片 */
   viewImage(e) {

packageA/activity/bindingProduct/index.scss

@@ -1,3 +1,5 @@
+@import "./index.skeleton.wxss";
+
 page {
 	height: 100vh;
 	overflow: hidden;

packageA/activity/bindingProduct/index.skeleton.wxml

@@ -0,0 +1,237 @@
+<!--
+此文件为开发者工具生成，生成时间: 2024/7/4下午2:01:03
+使用方法：
+在 D:\开发项目\来斯奥E订单\packageA\activity\bindingProduct\index.wxml 引入模板
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\来斯奥E订单\packageA\activity\bindingProduct\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view is="miniprogram_npm/@vant/weapp/search/index" class="search">
+      <view class="van-search search-index--van-search " style="background: #ffffff">
+        <view class="van-search__content search-index--van-search__content van-search__content--round search-index--van-search__content--round">
+          <view is="miniprogram_npm/@vant/weapp/field/index" class="van-search__field search-index--van-search__field ">
+            <view is="miniprogram_npm/@vant/weapp/cell/index">
+              <view class="field-index--van-field van-cell cell-index--van-cell van-cell--borderless cell-index--van-cell--borderless sk-pseudo sk-pseudo-circle" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="padding: 5px 10px 5px 0; background-color: transparent;">
+                <view is="miniprogram_npm/@vant/weapp/icon/index" class="van-cell__left-icon-wrap cell-index--van-cell__left-icon-wrap">
+                  <view class="cell-index--van-cell__left-icon van-icon icon-index--van-icon van-icon-search icon-index--van-icon-search sk-pseudo sk-pseudo-circle" style="true"></view>
+                </view>
+                <view class="van-cell__value cell-index--van-cell__value ">
+                  <view class="van-field__body field-index--van-field__body van-field__body--search field-index--van-field__body--search">
+                    <view class="van-field__control field-index--van-field__control sk-image" cursor="-1" maxlength="-1" placeholder="请输入搜索关键词" placeholder-class="van-field__placeholder" placeholder-style="true" selection-end="-1" selection-start="-1" type="search"
+                      value="true"></view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view is="miniprogram_npm/@vant/weapp/tabs/index">
+      <view class=" van-tabs tabs-index--van-tabs van-tabs--line tabs-index--van-tabs--line">
+        <view is="miniprogram_npm/@vant/weapp/sticky/index">
+          <view class=" van-sticky sticky-index--van-sticky" style="z-index:1">
+            <view class="van-sticky-wrap sticky-index--van-sticky-wrap" style="z-index:1">
+              <view class="van-tabs__wrap tabs-index--van-tabs__wrap ">
+                <scroll-view class="van-tabs__scroll tabs-index--van-tabs__scroll van-tabs__scroll--line tabs-index--van-tabs__scroll--line" scroll-left="0" style="border-color: var(--assist)">
+                  <view class="van-tabs__nav tabs-index--van-tabs__nav van-tabs__nav--line tabs-index--van-tabs__nav--line " style="true">
+                    <view class="van-tabs__line tabs-index--van-tabs__line" style="width:40px;opacity:1;transform:translateX(45px);-webkit-transform:translateX(45px);background-color:var(--assist);transition-duration:0.3s;-webkit-transition-duration:0.3s"></view>
+                    <view class="  van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab van-tab--active tabs-index--van-tab--active" data-index="0" style="color:var(--assist)">
+                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-287 sk-text" style="background-position-x: 50%;">
+                        A套餐
+                      </view>
+                    </view>
+                    <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab" data-index="1" style="true">
+                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-622 sk-text" style="background-position-x: 50%;">
+                        B套餐
+                      </view>
+                    </view>
+                    <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab" data-index="2" style="true">
+                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-431 sk-text" style="background-position-x: 50%;">
+                        C套餐
+                      </view>
+                    </view>
+                  </view>
+                </scroll-view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="van-tabs__content tabs-index--van-tabs__content">
+          <view class="van-tabs__track tabs-index--van-tabs__track van-tabs__track tabs-index--van-tabs__track" style="true">
+            <view is="miniprogram_npm/@vant/weapp/tab/index">
+              <view class=" van-tab__pane tab-index--van-tab__pane van-tab__pane--active tab-index--van-tab__pane--active" style="true"></view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/tab/index"></view>
+            <view is="miniprogram_npm/@vant/weapp/tab/index"></view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view is="pages/index/collect/modules/custom" id="Custom">
+      <view is="miniprogram_npm/@vant/weapp/dialog/index" id="5b226dd9--Dialog">
+        <view is="miniprogram_npm/@vant/weapp/popup/index">
+          <view is="miniprogram_npm/@vant/weapp/overlay/index">
+            <view is="miniprogram_npm/@vant/weapp/transition/index"></view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view style="height: 10px;"></view>
+    <view is="components/Yl_ListBox/index" id="ListBox">
+      <scroll-view scroll-y="true" class="ListBox-index--scroll-view" lower-threshold="300" refresher-enabled="true" style="height: 699px;">
+        <view class="item-box">
+          <view class="top" data-id="148834" data-item="[object Object]">
+            <view class="image">
+              <view is="miniprogram_npm/@vant/weapp/image/index">
+                <view class=" van-image image-index--van-image" style="width:100%;height:100%">
+                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
+                </view>
+              </view>
+            </view>
+            <view class="content">
+              <view class="title line-1 sk-transparent sk-text-14-2857-951 sk-text">
+                D-FW48G (韵白)
+              </view>
+              <view class="exp sk-transparent sk-text-14-7059-626 sk-text">编号：80902148</view>
+              <view class="exp sk-transparent sk-text-14-7059-43 sk-text">规格： --</view>
+              <view class="exp sk-transparent sk-text-14-7059-479 sk-text">型号： --</view>
+              <view class="exp">
+                <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-350 sk-text">￥98.91</text>
+                <text style="font-size: 10px; text-decoration: line-through transparent; margin-left: 3px;" class="sk-transparent sk-text-20-5882-274 sk-text">￥109.90</text>
+              </view>
+              <view class="exp sk-transparent" data-item="[object Object]" style="color:#085CDF;">
+                长:定制,宽:定制
+                <view is="miniprogram_npm/@vant/weapp/icon/index">
+                  <view class="van-icon icon-index--van-icon van-icon-arrow-down icon-index--van-icon-arrow-down sk-pseudo sk-pseudo-circle" style="true"></view>
+                </view>
+              </view>
+              <view class="exp sk-transparent sk-text-14-7059-714 sk-text">特征码： --</view>
+              <view class="exp sk-transparent sk-text-14-7059-870 sk-text">
+                包装数量：1 (片)
+              </view>
+              <view class="exp sk-transparent sk-text-14-7059-109 sk-text">可购数量：不限购 </view>
+            </view>
+          </view>
+          <view class="bottom">
+            <view class="check" data-item="[object Object]">
+              <view class="label-class sk-transparent sk-text-14-2857-700 sk-text" style="font-size: 13px;">
+                数量:
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/stepper/index" data-index="0" data-iscatch="catch">
+              <view class="van-stepper stepper-index--van-stepper ">
+                <view class="van-stepper__minus stepper-index--van-stepper__minus van-stepper__minus--disabled stepper-index--van-stepper__minus--disabled sk-pseudo sk-pseudo-circle" data-type="minus" hover-class="van-stepper__minus--hover" hover-stay-time="70"
+                  style="true"></view>
+                <view class="input-class van-stepper__input stepper-index--van-stepper__input van-stepper__input--disabled stepper-index--van-stepper__input--disabled sk-image" style="true" type="digit" value="1" disabled="true"></view>
+                <view class="van-stepper__plus stepper-index--van-stepper__plus van-stepper__plus--disabled stepper-index--van-stepper__plus--disabled sk-pseudo sk-pseudo-circle" data-type="plus" hover-class="van-stepper__plus--hover" hover-stay-time="70"
+                  style="true"></view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="item-box">
+          <view class="top" data-id="134081" data-item="[object Object]">
+            <view class="image">
+              <view is="miniprogram_npm/@vant/weapp/image/index">
+                <view class=" van-image image-index--van-image" style="width:100%;height:100%">
+                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
+                </view>
+              </view>
+            </view>
+            <view class="content">
+              <view class="title line-1 sk-transparent sk-text-14-2857-66 sk-text">
+                DB-QB595P014-01
+              </view>
+              <view class="exp sk-transparent sk-text-14-7059-802 sk-text">编号：80403300</view>
+              <view class="exp sk-transparent sk-text-14-7059-611 sk-text">规格： --</view>
+              <view class="exp sk-transparent sk-text-14-7059-908 sk-text">型号： --</view>
+              <view class="exp">
+                <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-994 sk-text">￥71.55</text>
+                <text style="font-size: 10px; text-decoration: line-through transparent; margin-left: 3px;" class="sk-transparent sk-text-20-5882-949 sk-text">￥79.50</text>
+              </view>
+              <view class="exp sk-transparent" data-item="[object Object]" style="color:#085CDF;">
+                长:定制,宽:定制
+                <view is="miniprogram_npm/@vant/weapp/icon/index">
+                  <view class="van-icon icon-index--van-icon van-icon-arrow-down icon-index--van-icon-arrow-down sk-pseudo sk-pseudo-circle" style="true"></view>
+                </view>
+              </view>
+              <view class="exp sk-transparent sk-text-14-7059-36 sk-text">特征码： --</view>
+              <view class="exp sk-transparent sk-text-14-7059-762 sk-text">
+                包装数量：1 (片)
+              </view>
+              <view class="exp sk-transparent sk-text-14-7059-428 sk-text">可购数量：不限购 </view>
+            </view>
+          </view>
+          <view class="bottom">
+            <view class="check" data-item="[object Object]">
+              <view class="label-class sk-transparent sk-text-14-2857-398 sk-text" style="font-size: 13px;">
+                数量:
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/stepper/index" data-index="1" data-iscatch="catch">
+              <view class="van-stepper stepper-index--van-stepper ">
+                <view class="van-stepper__minus stepper-index--van-stepper__minus van-stepper__minus--disabled stepper-index--van-stepper__minus--disabled sk-pseudo sk-pseudo-circle" data-type="minus" hover-class="van-stepper__minus--hover" hover-stay-time="70"
+                  style="true"></view>
+                <view class="input-class van-stepper__input stepper-index--van-stepper__input van-stepper__input--disabled stepper-index--van-stepper__input--disabled sk-image" style="true" type="digit" value="1" disabled="true"></view>
+                <view class="van-stepper__plus stepper-index--van-stepper__plus van-stepper__plus--disabled stepper-index--van-stepper__plus--disabled sk-pseudo sk-pseudo-circle" data-type="plus" hover-class="van-stepper__plus--hover" hover-stay-time="70"
+                  style="true"></view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="item-box">
+          <view class="top" data-id="134078" data-item="[object Object]">
+            <view class="image">
+              <view is="miniprogram_npm/@vant/weapp/image/index">
+                <view class=" van-image image-index--van-image" style="width:100%;height:100%">
+                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
+                </view>
+              </view>
+            </view>
+            <view class="content">
+              <view class="title line-1 sk-transparent sk-text-14-2857-186 sk-text">
+                DB-QB1200T014-01
+              </view>
+              <view class="exp sk-transparent sk-text-14-7059-85 sk-text">编号：80403297</view>
+              <view class="exp sk-transparent sk-text-14-7059-788 sk-text">规格： --</view>
+              <view class="exp sk-transparent sk-text-14-7059-867 sk-text">型号： --</view>
+              <view class="exp">
+                <text style="font-size: 12px;font-weight: 600;color: #FF3B30;" class="sk-transparent sk-text-14-7059-336 sk-text">￥76.05</text>
+                <text style="font-size: 10px; text-decoration: line-through transparent; margin-left: 3px;" class="sk-transparent sk-text-20-5882-258 sk-text">￥84.50</text>
+              </view>
+              <view class="exp sk-transparent" data-item="[object Object]" style="color:#085CDF;">
+                长:定制,宽:定制
+                <view is="miniprogram_npm/@vant/weapp/icon/index">
+                  <view class="van-icon icon-index--van-icon van-icon-arrow-down icon-index--van-icon-arrow-down sk-pseudo sk-pseudo-circle" style="true"></view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+    <view class="footer">
+      <view class="left sk-transparent sk-text-37-2727-584 sk-text">
+        选择：A套餐
+      </view>
+      <view is="miniprogram_npm/@vant/weapp/button/index">
+        <button app-parameter="true" business-id="true" class="but van-button weapp-button-index--van-button van-button--default weapp-button-index--van-button--default van-button--normal weapp-button-index--van-button--normal sk-button sk-pseudo sk-pseudo-circle"
+          data-detail="null" form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
+          <view class="van-button__text weapp-button-index--van-button__text sk-transparent sk-text-15-0000-795 sk-text" style="background-position-x: 50%;">生成订单</view>
+        </button>
+      </view>
+    </view>
+  </view>
+</template>

packageA/activity/bindingProduct/index.skeleton.wxss

@@ -0,0 +1,205 @@
+/*
+此文件为开发者工具生成，生成时间: 2024/7/4下午2:01:03
+
+在 D:\开发项目\来斯奥E订单\packageA\activity\bindingProduct\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-34-0909-287 {
+    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
+    background-size: 100% 84.6154rpx;
+    position: relative !important;
+  }
+.sk-text {
+    background-origin: content-box !important;
+    background-clip: content-box !important;
+    background-color: transparent !important;
+    color: transparent !important;
+    background-repeat: repeat-y !important;
+  }
+.sk-text-34-0909-622 {
+    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
+    background-size: 100% 84.6154rpx;
+    position: relative !important;
+  }
+.sk-text-34-0909-431 {
+    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
+    background-size: 100% 84.6154rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-951 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-626 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-43 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-479 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-350 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-20-5882-274 {
+    background-image: linear-gradient(transparent 20.5882%, #EEEEEE 0%, #EEEEEE 79.4118%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-714 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-870 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-109 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-700 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 35.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-66 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-802 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-611 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-908 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-994 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-20-5882-949 {
+    background-image: linear-gradient(transparent 20.5882%, #EEEEEE 0%, #EEEEEE 79.4118%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-36 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-762 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-428 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-398 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 35.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-186 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-85 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-788 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-867 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-336 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-20-5882-258 {
+    background-image: linear-gradient(transparent 20.5882%, #EEEEEE 0%, #EEEEEE 79.4118%, transparent 0%) !important;
+    background-size: 100% 32.6923rpx;
+    position: relative !important;
+  }
+.sk-text-37-2727-584 {
+    background-image: linear-gradient(transparent 37.2727%, #EEEEEE 0%, #EEEEEE 62.7273%, transparent 0%) !important;
+    background-size: 100% 105.7692rpx;
+    position: relative !important;
+  }
+.sk-text-15-0000-795 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 38.4615rpx;
+    position: relative !important;
+  }
+.sk-button {
+    color: #EFEFEF !important;
+    background: #EFEFEF !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }

packageA/activity/bindingProduct/index.wxml

@@ -1,3 +1,6 @@
+<import src="./index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
+
 <van-search class="search" value="{{ condition }}" shape="round" placeholder="请输入搜索关键词" bind:search='startSearch' bind:clear='onClear' />
 <van-tabs wx:if="{{packageList.length>1}}" active="{{ params.content.where.packagetypemx }}" color='var(--assist)' title-active-color='var(--assist)' bind:change="tabsChange">
 	<van-tab wx:for="{{packageList}}" wx:key="index" title="{{item}}" name='{{item}}' />