合同 代理人逻辑优化 列表页详情页添加骨架屏

packageA/contract/detail.js

@@ -14,6 +14,7 @@ Page({
             icon: "icon-tabxiangxixinxi1"
         }],
         tabbarList: [],
+        loading: true
     },
     onLoad(options) {
         this.setData({
@@ -30,7 +31,7 @@ Page({
                 nocache: true,
                 "sa_contractid": this.data.sa_contractid
             },
-        }).then(async res => {
+        }).then(res => {
             console.log("合同详情", res)
             if (res.msg != '成功') return wx.showToast({
                 title: res.msg,
@@ -41,50 +42,7 @@ Page({
                 tabsActive = 0;
             this.getTags();
             this.getGroup();
-
-            let isLeader = res.data.leader.some(some => some.userid == wx.getStorageSync('userMsg').userid),
-                tabbarList = [{
-                    icon: "icon-genjin",
-                    label: "跟进"
-                }];
-            if (!isLeader) {
-                let s = await getApp().agentOrNot("sa_contract", this.data.sa_contractid);
-                isLeader = s.data == 1;
-            }
-            if (this.data.isAdmin) tabbarList = [{
-                icon: "icon-genjin",
-                label: "审核"
-            }, {
-                icon: "icon-genjin",
-                label: "反审核"
-            }].concat(tabbarList);
-            if (isLeader || this.data.isAdmin) {
-                tabbarList = [{
-                    icon: "icon-zhuanyi",
-                    label: "更换负责人"
-                }, {
-                    icon: "icon-genjin",
-                    label: "终止"
-                }, {
-                    icon: "icon-shanchu",
-                    label: "作废"
-                }].concat(tabbarList)
-                if (res.data.status == '新建') tabbarList.push({
-                    icon: "icon-bianji",
-                    label: "编辑"
-                });
-                if (isLeader && res.data.status == '已提交') {
-                    tabbarList.unshift({
-                        icon: "icon-genjin",
-                        label: '撤回'
-                    })
-                } else {
-                    tabbarList.unshift({
-                        icon: "icon-genjin",
-                        label: '提交'
-                    })
-                }
-            };
+            this.setTabbar(data.status, res.data.leader.some(some => some.userid == wx.getStorageSync('userMsg').userid));
             switch (data.type) {
                 case "框架":
                     data.type = '经销商合作协议'
@@ -150,9 +108,8 @@ Page({
                 model: "#Work"
             })
             this.setData({
-                isLeader,
-                tabbarList,
                 detail: data,
+                loading: false,
                 list2: [{
                     label: "创建人",
                     value: data.createby
@@ -185,20 +142,67 @@ Page({
                     value: data.leader[0].leadernum
                 }],
                 tabsList,
-                tabsActive
+                tabsActive,
             });
-            /* 更新列表数据 */
-            let page = getCurrentPages().find(v => v.__route__ == 'packageA/contract/index');
-            if (page) {
-                let i = page.data.list.findIndex(v => v.sa_contractid == this.data.sa_contractid);
-                if (i != -1) page.setData({
-                    [`list[${i}].status`]: res.data.status
-                })
-            }
-            this.partialRenewal();
             this.setDetail(data);
         })
     },
+    /* 设置tabbar */
+    async setTabbar(status, Leader) {
+        let isLeader = Leader,
+            isAdmin = this.data.isAdmin,
+            editdataleader = 0,
+            tabbarList = [{
+                icon: "icon-genjin",
+                label: "跟进"
+            }];
+        if (!isLeader) {
+            let s = await getApp().agentOrNot("sa_contract", this.data.sa_contractid);
+            console.log("非主账号查询是否可以编辑", s)
+            isLeader = s.data.editable == 1;
+            editdataleader = s.data.editdataleader == 1;
+        }
+        if (isAdmin) tabbarList = [{
+            icon: "icon-genjin",
+            label: "审核"
+        }, {
+            icon: "icon-genjin",
+            label: "反审核"
+        }].concat(tabbarList);
+        if (isLeader || isAdmin) {
+            if (editdataleader) tabbarList.unshift({
+                icon: "icon-zhuanyi",
+                label: "更换负责人"
+            });
+            tabbarList = [{
+                icon: "icon-genjin",
+                label: "终止"
+            }, {
+                icon: "icon-shanchu",
+                label: "作废"
+            }].concat(tabbarList)
+            if (status == '新建') tabbarList.push({
+                icon: "icon-bianji",
+                label: "编辑"
+            });
+            if (isLeader && status == '已提交') {
+                tabbarList.unshift({
+                    icon: "icon-genjin",
+                    label: '撤回'
+                })
+            } else {
+                tabbarList.unshift({
+                    icon: "icon-genjin",
+                    label: '提交'
+                })
+            }
+        };
+        this.setData({
+            isLeader,
+            tabbarList,
+        });
+        this.partialRenewal();
+    },
     /* 设置详情信息 */
     setDetail(data) {
         let briefs = [{

packageA/contract/detail.scss

@@ -1,3 +1,5 @@
+@import "./detail.skeleton.wxss";
+
 .header {
     background-color: #fff;
     padding: 20rpx 30rpx 0rpx;

packageA/contract/detail.skeleton.wxml

@@ -0,0 +1,229 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:00:50
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\contract\detail.wxml 引入模板
+
+```
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\contract\detail.wxss 中引入样式
+```
+@import "./detail.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view class="header">
+      <view class="title sk-transparent sk-text-14-2857-749 sk-text">合同业务员代理</view>
+      <view is="pages/tags/modules/Yl-tags/index" id="Tags">
+        <view class="tags-index--tag-box">
+          <view class="tags-index--add sk-transparent">
+            <view is="miniprogram_npm/@vant/weapp/icon/index" style="margin-right: 3px;">
+              <view class="van-icon icon-index--van-icon van-icon-plus icon-index--van-icon-plus sk-pseudo sk-pseudo-circle" style="true"></view>
+            </view>添加
+          </view>
+        </view>
+      </view>
+    </view>
+    <view is="components/Yl_Detail/index">
+      <view class="Detail-index--box">
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-7 sk-text">合同编号：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-382 sk-text">CB202303290001</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-263 sk-text">合同类型：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-952 sk-text">经销商合作协议</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-985 sk-text">经销商：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-759 sk-text">杭州市拱墅区天水街道区域发展与治理中心(杭州市拱墅区天水街道社会治安综合治理中心)</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-175 sk-text">签约金额(元)：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-930 sk-text">￥1,921.50</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-362 sk-text">折扣(%)：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-588 sk-text">100%</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-547 sk-text">签约日期：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-171 sk-text">2023-03-31</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-644 sk-text">状态：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-271 sk-text">新建</view>
+        </view>
+        <view is="pages/group/modules/Yl-group/index" id="Group">
+          <navigator class="group-box Yl-group-index--group-box">
+            <view class="label Yl-group-index--label sk-transparent sk-text-14-2857-544 sk-text">
+              团队：
+            </view>
+            <view class="list Yl-group-index--list">
+              <view class="item Yl-group-index--item">
+                <view class="sk-transparent sk-text-28-1250-515 sk-text" style="background-position-x: 50%;">
+                  朱
+                </view>
+                <text class="iconfont Yl-group-index--iconfont icon-fuzeren Yl-group-index--icon-fuzeren sk-pseudo sk-pseudo-circle"></text>
+              </view>
+            </view>
+            <view class="right Yl-group-index--right">
+              <view>
+                <view is="miniprogram_npm/@vant/weapp/icon/index">
+                  <view class="van-icon icon-index--van-icon van-icon-arrow icon-index--van-icon-arrow sk-pseudo sk-pseudo-circle" style="font-size:10px"></view>
+                </view>
+              </view>
+            </view>
+          </navigator>
+        </view>
+      </view>
+    </view>
+    <view style="height: 10px;"></view>
+    <view is="components/Yl_FunTabs/index">
+      <scroll-view enable-flex="true" scroll-with-animation="true" scroll-x="true" class="scroll FunTabs-index--scroll" scroll-left="0">
+        <view class="item FunTabs-index--item" data-index="0" id="df5feaa6--">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabxiangxixinxi1 FunTabs-index--icon-tabxiangxixinxi1 sk-pseudo sk-pseudo-circle"></text>
+          </view>
+          <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-990 sk-text" style="background-position-x: 50%;">详细信息</view>
+        </view>
+        <view class="item FunTabs-index--item active FunTabs-index--active" data-index="1" id="df5feaa6--active1">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabchanpin FunTabs-index--icon-tabchanpin sk-pseudo sk-pseudo-circle"></text>
+          </view>
+          <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-144 sk-text" style="background-position-x: 50%;">产品明细折扣</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="2">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabchanpinleibie FunTabs-index--icon-tabchanpinleibie sk-pseudo sk-pseudo-circle"></text>
+          </view>
+          <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-146 sk-text" style="background-position-x: 50%;">产品类别折扣</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="3">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabrenwu FunTabs-index--icon-tabrenwu sk-pseudo sk-pseudo-circle"></text>
+          </view>
+          <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-149 sk-text" style="background-position-x: 50%;">业绩目标</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="4">
+          <view class="label FunTabs-index--label line-1 FunTabs-index--line-1 sk-transparent sk-text-14-2857-336 sk-text" style="background-position-x: 50%;">跟进动态</view>
+        </view>
+      </scroll-view>
+      <view class="slot-box FunTabs-index--slot-box">
+        <view is="packageA/contract/modules/discount/product/index" id="PiscountProduct">
+          <view class="product-index--head">
+            <view class="product-index--count sk-transparent sk-text-14-2857-489 sk-text">产品明细折扣</view>
+            <view class="product-index--expand">
+              <navigator class="product-index--but">
+                <view is="miniprogram_npm/@vant/weapp/icon/index">
+                  <view class="van-icon icon-index--van-icon van-icon-plus icon-index--van-icon-plus sk-pseudo sk-pseudo-circle" style="true"></view>
+                </view>
+              </navigator>
+            </view>
+          </view>
+          <view is="packageA/contract/modules/discount/product/list/index">
+            <view class="product-item product-list-index--product-item">
+              <navigator class="product product-list-index--product">
+                <view class="mian product-list-index--mian">
+                  <view class="img product-list-index--img" data-file="[object Object]">
+                    <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="scaleToFill" lazy-load="true"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="dec product-list-index--dec">
+                    <view class="title product-list-index--title line-1 product-list-index--line-1 sk-transparent sk-text-14-2857-398 sk-text">
+                      给水316L对丝
+                    </view>
+                    <view class="subfield product-list-index--subfield sk-transparent sk-text-14-7059-148 sk-text">
+                      编号:2311142004700
+                    </view>
+                    <view class="subfield product-list-index--subfield">
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-345 sk-text" style="margin-right: 3px;">品牌:班尼戈</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-958 sk-text">产品类别:紫铜,不锈钢</text>
+                    </view>
+                    <view class="subfield product-list-index--subfield">
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-51 sk-text" style="margin-right: 3px;">规格:R3/4×R3/4</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-826 sk-text">型号:DN20</text>
+                    </view>
+                    <view class="subfield product-list-index--subfield">
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-469 sk-text" style="margin-right: 3px;">牌价:￥175.00</text>
+                    </view>
+                  </view>
+                  <view class="delete product-list-index--delete" data-item="[object Object]">
+                    <text class="iconfont product-list-index--iconfont icon-guanlian-shanchu product-list-index--icon-guanlian-shanchu sk-pseudo sk-pseudo-circle"></text>
+                  </view>
+                </view>
+              </navigator>
+              <view class="bot product-list-index--bot">
+                <view class="row product-list-index--row">
+                  <view style="margin-right: 15px;">
+                    <view class="label product-list-index--label sk-transparent sk-text-14-2857-779 sk-text">折扣（%）：</view>
+                    <view class="input product-list-index--input sk-image" data-index="0" data-name="discountrate" style="width: 65px;" type="digit" value="350.00"></view>
+                  </view>
+                  <view>
+                    <view class="label product-list-index--label sk-transparent sk-text-14-2857-699 sk-text">单价（元）：</view>
+                    <view class="input product-list-index--input sk-image" data-index="0" data-name="price" style="flex: 1;" type="digit" value="612.5"></view>
+                  </view>
+                </view>
+              </view>
+            </view>
+            <view class="product-item product-list-index--product-item">
+              <navigator class="product product-list-index--product">
+                <view class="mian product-list-index--mian">
+                  <view class="img product-list-index--img" data-file="[object Object]">
+                    <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="scaleToFill" lazy-load="true"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="dec product-list-index--dec">
+                    <view class="title product-list-index--title line-1 product-list-index--line-1 sk-transparent sk-text-14-2857-789 sk-text">
+                      燃气六角螺帽
+                    </view>
+                    <view class="subfield product-list-index--subfield sk-transparent sk-text-14-7059-96 sk-text">
+                      编号:2311119003640
+                    </view>
+                    <view class="subfield product-list-index--subfield">
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-456 sk-text" style="margin-right: 3px;">品牌:班尼戈</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-452 sk-text">产品类别:暖通系列</text>
+                    </view>
+                    <view class="subfield product-list-index--subfield">
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-705 sk-text" style="margin-right: 3px;">规格:M16</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-359 sk-text">型号:M16</text>
+                    </view>
+                    <view class="subfield product-list-index--subfield">
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-272 sk-text" style="margin-right: 3px;">牌价:￥220.00</text>
+                    </view>
+                  </view>
+                  <view class="delete product-list-index--delete" data-item="[object Object]">
+                    <text class="iconfont product-list-index--iconfont icon-guanlian-shanchu product-list-index--icon-guanlian-shanchu sk-pseudo sk-pseudo-circle"></text>
+                  </view>
+                </view>
+              </navigator>
+              <view class="bot product-list-index--bot">
+                <view class="row product-list-index--row">
+                  <view style="margin-right: 15px;">
+                    <view class="label product-list-index--label sk-transparent sk-text-14-2857-223 sk-text">折扣（%）：</view>
+                    <view class="input product-list-index--input sk-image" data-index="1" data-name="discountrate" style="width: 65px;" type="digit" value="454.09"></view>
+                  </view>
+                  <view>
+                    <view class="label product-list-index--label sk-transparent sk-text-14-2857-335 sk-text">单价（元）：</view>
+                    <view class="input product-list-index--input sk-image" data-index="1" data-name="price" style="flex: 1;" type="digit" value="999"></view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>

packageA/contract/detail.skeleton.wxss

@@ -0,0 +1,249 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:00:50
+
+在 D:\开发项目\YOS_wechat\packageA\contract\detail.wxss 中引入样式
+```
+@import "./detail.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-749 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    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-14-7059-7 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-382 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-263 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-952 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-985 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-759 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-175 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-930 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-362 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-588 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-547 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-171 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-644 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-271 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-544 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-28-1250-515 {
+    background-image: linear-gradient(transparent 28.1250%, #EEEEEE 0%, #EEEEEE 71.8750%, transparent 0%) !important;
+    background-size: 100% 64.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-990 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-144 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-146 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-149 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-336 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-489 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    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% 39.2000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-148 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-345 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-958 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-51 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-826 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-469 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-779 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-699 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-789 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-96 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-456 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-452 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-705 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-359 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-272 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-223 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-335 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !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/contract/detail.wxml

@@ -1,3 +1,6 @@
+
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
 <view class="header">
     <view class="title">{{detail.title}}</view>
     <Yl-tags id="Tags" add ownertable='sa_contract' ownerid='{{sa_contractid}}' />
@@ -20,5 +23,4 @@
 </Yl_FunTabs>
 <!-- 底部 -->
 <Yl_Tabbar list='{{tabbarList}}' bind:callback="tabbarOnClick" />
-
 <wxs src='../../utils/wxmlQueryPer.wxs' module="per" />

packageA/contract/index.js

@@ -5,6 +5,7 @@ Page({
      * 页面的初始数据
      */
     data: {
+        loading: true,
         typeList: [{
             name: '经销商合作协议',
             route: 'type1'
@@ -107,7 +108,8 @@ Page({
                 'content.pageTotal': res.pageTotal,
                 'content.total': res.total,
                 'content.sort': res.sort,
-                list: res.pageNumber == 1 ? res.data : this.data.list.concat(res.data)
+                list: res.pageNumber == 1 ? res.data : this.data.list.concat(res.data),
+                loading: false
             });
             this.setListHeight();
             this.getTags();

packageA/contract/index.scss

@@ -1,4 +1,5 @@
 @import "../../components/Yl_filtrate/groud.scss";
+@import "./index.skeleton.wxss";
 
 page {
     height: 100vh;

packageA/contract/index.skeleton.wxml

@@ -0,0 +1,164 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:02:16
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\contract\index.wxml 引入模板
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\contract\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="components/Yl_nav/index">
+      <view class="Yl_nav_box nav-index--Yl_nav_box">
+        <view class="mian nav-index--mian">
+          <navigator class="item nav-index--item" data-item="[object Object]" style="width: ;">
+            <text class="iconfont nav-index--iconfont icon-webxialaxuanxiangjiantou nav-index--icon-webxialaxuanxiangjiantou sk-pseudo sk-pseudo-circle" style="color: ;"></text>
+            <text class="label nav-index--label sk-transparent sk-text-34-4444-490 sk-text" style="background-position-x: 50%;">站点全部</text>
+          </navigator>
+          <navigator class="item nav-index--item" data-item="[object Object]" style="width: ;">
+            <text class="iconfont nav-index--iconfont icon-jiangxu1 nav-index--icon-jiangxu1 sk-pseudo sk-pseudo-circle" style="color: ;"></text>
+            <text class="label nav-index--label sk-transparent sk-text-34-4444-919 sk-text" style="background-position-x: 50%;">排序</text>
+          </navigator>
+          <navigator class="item nav-index--item" data-item="[object Object]" style="width: ;">
+            <text class="iconfont nav-index--iconfont icon-shaixuan nav-index--icon-shaixuan sk-pseudo sk-pseudo-circle" style="color: ;"></text>
+            <text class="label nav-index--label sk-transparent sk-text-34-4444-757 sk-text" style="background-position-x: 50%;">筛选</text>
+          </navigator>
+        </view>
+        <navigator class="search nav-index--search">
+          <text class="iconfont nav-index--iconfont icon-a-sousuolansousuo nav-index--icon-a-sousuolansousuo sk-pseudo sk-pseudo-circle" style="color: ;"></text>
+        </navigator>
+      </view>
+      <view is="miniprogram_npm/@vant/weapp/transition/index"></view>
+      <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 is="miniprogram_npm/@vant/weapp/action-sheet/index">
+      <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 class="total sk-transparent sk-text-31-2500-261 sk-text">共91个</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: 646px;">
+        <view is="packageA/contract/modules/list/index">
+          <navigator class="list-index--offer-list">
+            <view class="list-index--title">
+              <text class="list-index--line-1 sk-transparent sk-text-14-2857-228 sk-text">合同业务员代理</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-467 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--tag-box"></view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同编号：
+              <text class="sk-transparent sk-text-14-2857-151 sk-text">CB202303290001</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同类型：
+              <text class="sk-transparent sk-text-14-2857-420 sk-text">经销商合作协议</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">有效期：
+              <text class="sk-transparent sk-text-14-2857-855 sk-text">2023-03-30 至 2023-03-31</text>
+            </view>
+          </navigator>
+          <navigator class="list-index--offer-list">
+            <view class="list-index--title">
+              <text class="list-index--line-1 sk-transparent sk-text-14-2857-615 sk-text">看姐姐看</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-673 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--tag-box"></view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同编号：
+              <text class="sk-transparent sk-text-14-2857-203 sk-text">CB202303280001</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同类型：
+              <text class="sk-transparent sk-text-14-2857-4 sk-text">经销项目协议</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">有效期：
+              <text class="sk-transparent sk-text-14-2857-77 sk-text">2023-03-01 至 2023-04-30</text>
+            </view>
+          </navigator>
+          <navigator class="list-index--offer-list">
+            <view class="list-index--title">
+              <text class="list-index--line-1 sk-transparent sk-text-14-2857-803 sk-text">111</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-326 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--tag-box"></view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同编号：
+              <text class="sk-transparent sk-text-14-2857-881 sk-text">CB202303250002</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同类型：
+              <text class="sk-transparent sk-text-14-2857-917 sk-text">经销商合作协议</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">有效期：
+              <text class="sk-transparent sk-text-14-2857-511 sk-text">2023-03-25 至 2023-04-30</text>
+            </view>
+          </navigator>
+          <navigator class="list-index--offer-list">
+            <view class="list-index--title">
+              <text class="list-index--line-1 sk-transparent sk-text-14-2857-573 sk-text">111</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-74 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--tag-box"></view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同编号：
+              <text class="sk-transparent sk-text-14-2857-952 sk-text">CB202303250001</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同类型：
+              <text class="sk-transparent sk-text-14-2857-537 sk-text">经销项目协议</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">有效期：
+              <text class="sk-transparent sk-text-14-2857-36 sk-text">2023-03-25 至 2023-04-30</text>
+            </view>
+          </navigator>
+          <navigator class="list-index--offer-list">
+            <view class="list-index--title">
+              <text class="list-index--line-1 sk-transparent sk-text-14-2857-640 sk-text">经销项目合同</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-508 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--tag-box"></view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同编号：
+              <text class="sk-transparent sk-text-14-2857-524 sk-text">CB202303160001</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同类型：
+              <text class="sk-transparent sk-text-14-2857-133 sk-text">经销项目协议</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">有效期：
+              <text class="sk-transparent sk-text-14-2857-60 sk-text">2023-03-16 至 2023-03-18</text>
+            </view>
+          </navigator>
+          <navigator class="list-index--offer-list">
+            <view class="list-index--title">
+              <text class="list-index--line-1 sk-transparent sk-text-14-2857-601 sk-text">测试添加商品</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-447 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--tag-box"></view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同编号：
+              <text class="sk-transparent sk-text-14-2857-34 sk-text">CB202303150002</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">合同类型：
+              <text class="sk-transparent sk-text-14-2857-697 sk-text">经销项目协议</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">有效期：
+              <text class="sk-transparent sk-text-14-2857-148 sk-text">2023-03-15 至 2024-03-15</text>
+            </view>
+          </navigator>
+          <navigator class="list-index--offer-list">
+            <view class="list-index--title">
+              <text class="list-index--line-1 sk-transparent sk-text-14-2857-867 sk-text">非电工</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-122 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+          </navigator>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
+</template>

packageA/contract/index.skeleton.wxss

@@ -0,0 +1,221 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:02:16
+
+在 D:\开发项目\YOS_wechat\packageA\contract\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-34-4444-490 {
+    background-image: linear-gradient(transparent 34.4444%, #EEEEEE 0%, #EEEEEE 65.5556%, transparent 0%) !important;
+    background-size: 100% 90.0000rpx;
+    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-4444-919 {
+    background-image: linear-gradient(transparent 34.4444%, #EEEEEE 0%, #EEEEEE 65.5556%, transparent 0%) !important;
+    background-size: 100% 90.0000rpx;
+    position: relative !important;
+  }
+.sk-text-34-4444-757 {
+    background-image: linear-gradient(transparent 34.4444%, #EEEEEE 0%, #EEEEEE 65.5556%, transparent 0%) !important;
+    background-size: 100% 90.0000rpx;
+    position: relative !important;
+  }
+.sk-text-31-2500-261 {
+    background-image: linear-gradient(transparent 31.2500%, #EEEEEE 0%, #EEEEEE 68.7500%, transparent 0%) !important;
+    background-size: 100% 64.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-228 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-467 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-151 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-420 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-855 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-615 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-673 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-203 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-4 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-77 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-803 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-326 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-881 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-917 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-511 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-573 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-74 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-952 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-537 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-36 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-640 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-508 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-524 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-133 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-60 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-601 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-447 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-34 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-697 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-148 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-867 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-122 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !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/contract/index.wxml

@@ -1,3 +1,6 @@
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+
 <Yl_nav search list='{{navList}}' sort='{{content.sort}}' bind:onClick='navClick' bindonSearch="onSearch" />
 <!-- 显示类型 -->
 <van-action-sheet show="{{ classShow }}" actions="{{ classActions }}" cancel-text="取消" bind:cancel="classClose" bind:click-overlay='classClose' bind:select="classSelect" />