我的客户列表详情骨架屏，代理人逻辑优化

packageA/setclient/detail.js

@@ -1,6 +1,7 @@
 const _Http = getApp().globalData.http;
 Page({
     data: {
+        loading: true,
         isLeader: false, //是否为负责人
         tabsActive: 1, //tabs 选中项
         sa_customersid: 0,
@@ -280,14 +281,67 @@ Page({
                 icon: "none"
             })
             this.setPreview(res);
+            this.setTabbar(res, res.data.leader.some(some => some.userid == wx.getStorageSync('userMsg').userid));
+            this.setData({
+                loading: false,
+                detail: res.data,
+            })
             //获取标签
             this.getTags();
             this.getGroup()
             this.partialRenewal();
         });
     },
+    async setTabbar(res, Leader) {
+        /* 底部功能 */
+        let isAdmin = this.data.isAdmin,
+            isLeader = Leader,
+            editdataleader = true,
+            tabbarList = [];
+        if (!isLeader) {
+            let s = await getApp().agentOrNot("sa_customers", this.data.sa_customersid);
+            isLeader = s.data.editable == 1;
+            editdataleader = s.data.editdataleader == 1;
+        }
+        //负责人或管理员基础功能
+        if (isLeader || isAdmin) {
+            tabbarList = [{
+                icon: "icon-bianji",
+                label: "编辑"
+            }];
+            if (editdataleader) tabbarList.push({
+                icon: "icon-zhuanyi",
+                label: "更换负责人"
+            })
+            tabbarList.push({
+                icon: "icon-shanchu",
+                label: "作废"
+            })
 
-    async setPreview(res) {
+        }
+        //来自公海
+        if (res.data.ispublic == 1) {
+            //查询到回收公海客户权限
+            if (this.data.options.some(v => v == 'recycle')) tabbarList.push({
+                icon: "icon-dibu-chehui",
+                label: "回收"
+            })
+            //负责人
+            if (isLeader) tabbarList.push({
+                icon: "icon-dibu-chehui",
+                label: "退回"
+            })
+        }
+        if (this.data.options.find(v => v == 'viewRepetition')) tabbarList.push({
+            icon: "icon-a-shouyejingangquhehuoren",
+            label: "查看重复"
+        });
+        this.setData({
+            tabbarList,
+            isLeader
+        })
+    },
+    setPreview(res) {
         /* 摘要信息 */
         let briefs = [{
             label: "客户类型",
@@ -391,52 +445,10 @@ Page({
             value: res.data.leader[0] ? res.data.leader[0].leadernum : 0
         }];
         this.setData({
-            detail: res.data,
             briefs,
             list1,
             list2
         });
-        /* 底部功能 */
-        let isAdmin = this.data.isAdmin,
-            isLeader = res.data.leader.some(some => some.userid == wx.getStorageSync('userMsg').userid),
-            tabbarList = [];
-        if (!isLeader) {
-            let s = await getApp().agentOrNot("sa_customers", this.data.sa_customersid);
-            isLeader = s.data == 1;
-        }
-        //负责人或管理员基础功能
-        if (isLeader || isAdmin) tabbarList = [{
-            icon: "icon-bianji",
-            label: "编辑"
-        }, {
-            icon: "icon-zhuanyi",
-            label: "更换负责人"
-        }, {
-            icon: "icon-shanchu",
-            label: "作废"
-        }];
-        //来自公海
-        if (res.data.ispublic == 1) {
-            //查询到回收公海客户权限
-            if (this.data.options.some(v => v == 'recycle')) tabbarList.push({
-                icon: "icon-dibu-chehui",
-                label: "回收"
-            })
-            //负责人
-            if (isLeader) tabbarList.push({
-                icon: "icon-dibu-chehui",
-                label: "退回"
-            })
-        }
-        if (this.data.options.find(v => v == 'viewRepetition')) tabbarList.push({
-            icon: "icon-a-shouyejingangquhehuoren",
-            label: "查看重复"
-        });
-        this.setData({
-            tabbarList,
-            isLeader
-        })
-
     },
     //tabs 切换
     tabsChange({

packageA/setclient/detail.scss

@@ -1,4 +1,5 @@
 @import "./modules/list/index";
+@import "./detail.skeleton.wxss";
 
 .popup {
     .title {

packageA/setclient/detail.skeleton.wxml

@@ -0,0 +1,218 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:58:52
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\setclient\detail.wxml 引入模板
+
+```
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\setclient\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="setclient-list-item">
+      <view class="con">
+        <view class="portrait sk-transparent sk-text-14-2857-110 sk-text">嘉兴市云</view>
+        <view class="mian">
+          <view class="label line-1 sk-transparent sk-text-15-0000-940 sk-text">嘉兴市云链信息技术有限公司</view>
+          <view class="tag-box">
+            <view is="pages/tags/modules/Yl-tags/index" id="Tags">
+              <view class="tags-index--tag-box">
+                <view class="tags-index--systemtag sk-transparent sk-text-14-2857-269 sk-text">
+                  潜在
+                </view>
+                <view class="tags-index--systemtag sk-transparent sk-text-14-2857-383 sk-text">
+                  疑似重复
+                </view>
+                <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>
+        <view class="extend"></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-495 sk-text">客户类型：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-480 sk-text">商建设计院</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-372 sk-text">企业等级：</view>
+          <view class="Detail-index--value sk-transparent sk-opacity">--</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-435 sk-text">上级企业：</view>
+          <view class="Detail-index--value sk-transparent sk-opacity">--</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-767 sk-text">负责人：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-539 sk-text">缪宇鸣</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-404 sk-text">归属经销商：</view>
+          <view class="Detail-index--value sk-transparent sk-opacity">--</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-655 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-892 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">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabgenjinjilu FunTabs-index--icon-tabgenjinjilu 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-136 sk-text" style="background-position-x: 50%;">跟进动态</view>
+        </view>
+        <view class="item FunTabs-index--item active FunTabs-index--active" data-index="1" id="bee217c1--active1">
+          <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-378 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-tabxiansuo FunTabs-index--icon-tabxiansuo 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-530 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-tabxiangmu FunTabs-index--icon-tabxiangmu 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-157 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-936 sk-text" style="background-position-x: 50%;">客户地址</view>
+        </view>
+      </scroll-view>
+      <view class="slot-box FunTabs-index--slot-box">
+        <view is="packageA/setclient/modules/preview/index">
+          <view is="components/Yl_Headline/index">
+            <view class="Headline-index--box">
+              <view class="Headline-index--title sk-transparent sk-text-14-2857-193 sk-text">基本信息</view>
+              <view class="Headline-index--rep">
+                <view class="Headline-index--switch">
+                  <text class="sk-transparent sk-text-33-3333-413 sk-text">仅显示已填信息</text>
+                  <view is="miniprogram_npm/@vant/weapp/switch/index">
+                    <view class="van-switch weapp-switch-index--van-switch " style="font-size:22px">
+                      <view class="van-switch__node weapp-switch-index--van-switch__node "></view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+          <view is="components/Yl_ReportForms/index">
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-103 sk-text">客户名称</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-892 sk-text">嘉兴市云链信息技术有限公司</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-887 sk-text">客户编号</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-211 sk-text">1804</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-219 sk-text">erp编号</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-6 sk-text">--</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-632 sk-text">企业简称</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-653 sk-text">--</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-875 sk-text">客户类型</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-472 sk-text">商建设计院</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-499 sk-text">企业等级</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-561 sk-text">--</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-463 sk-text">客户分类</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-977 sk-text">--</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-128 sk-text">客户行业</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-256 sk-text">--</view>
+                </navigator>
+              </view>
+            </view>
+            <view is="miniprogram_npm/@vant/weapp/transition/index">
+              <view class="van-transition transition-index--van-transition ReportForms-index--block van-fade-enter-to transition-index--van-fade-enter-to van-fade-enter-active transition-index--van-fade-enter-active  " style="-webkit-transition-duration:300ms;transition-duration:300ms">
+                <navigator class="ReportForms-index--box" data-item="[object Object]">
+                  <view class="ReportForms-index--label sk-transparent sk-text-14-2857-983 sk-text">税号</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-641 sk-text">91330411MA29FQ3M0M</view>
+                </navigator>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>

packageA/setclient/detail.skeleton.wxss

@@ -0,0 +1,234 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:58:52
+
+在 D:\开发项目\YOS_wechat\packageA\setclient\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-110 {
+    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 {
+    background-origin: content-box !important;
+    background-clip: content-box !important;
+    background-color: transparent !important;
+    color: transparent !important;
+    background-repeat: repeat-y !important;
+  }
+.sk-text-15-0000-940 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-269 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 28.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-383 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 28.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-495 {
+    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-480 {
+    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-372 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-opacity {
+    opacity: 0 !important;
+  }
+.sk-text-14-7059-435 {
+    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-767 {
+    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-539 {
+    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-404 {
+    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-655 {
+    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-892 {
+    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-136 {
+    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-378 {
+    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-530 {
+    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-157 {
+    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-936 {
+    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-193 {
+    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-33-3333-413 {
+    background-image: linear-gradient(transparent 33.3333%, #EEEEEE 0%, #EEEEEE 66.6667%, transparent 0%) !important;
+    background-size: 100% 84.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-103 {
+    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-892 {
+    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-887 {
+    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-211 {
+    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-219 {
+    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-6 {
+    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-632 {
+    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-653 {
+    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-875 {
+    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-472 {
+    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-499 {
+    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-561 {
+    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-463 {
+    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-977 {
+    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-128 {
+    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-256 {
+    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-983 {
+    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-641 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    position: relative !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/setclient/detail.wxml

@@ -1,3 +1,6 @@
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+
 <!-- 头部 样式使用list样式 -->
 <view class="setclient-list-item" url="#">
 	<view class="con">

packageA/setclient/index.js

@@ -5,6 +5,7 @@ import {
 } from "./modules/query";
 Page({
     data: {
+        loading: true,
         navList: [{
             label: "我负责的",
             icon: "icon-webxialaxuanxiangjiantou",
@@ -163,6 +164,7 @@ Page({
                 icon: "none"
             })
             this.setData({
+                loading: false,
                 'content.pageNumber': res.pageNumber + 1,
                 'content.pageTotal': res.pageTotal,
                 'content.total': res.total,

packageA/setclient/index.scss

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

packageA/setclient/index.skeleton.wxml

@@ -0,0 +1,268 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午11:04:25
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\setclient\index.wxml 引入模板
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\setclient\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-233 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-524 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-897 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 class="total sk-transparent sk-text-31-2500-460 sk-text">共61个</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/setclient/modules/list/index">
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait sk-transparent sk-text-14-2857-11 sk-text">
+                口碑(上
+              </view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-15-0000-149 sk-text">口碑(上海)信息技术有限公司</view>
+                <view class="tag-box list-index--tag-box">
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-992 sk-text" style="background-color:#FA8C16;color:#fff">市政设计院</view>
+                  </view>
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-966 sk-text" style="background-color:#3874f6;color:#fff">潜在</view>
+                  </view>
+                </view>
+              </view>
+              <view class="icon list-index--icon">
+                <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="true"></view>
+                </view>
+              </view>
+            </navigator>
+          </view>
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait sk-transparent sk-text-14-2857-231 sk-text">
+                北京米哈
+              </view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-15-0000-671 sk-text">北京米哈游香罗百福科技有限公司</view>
+                <view class="tag-box list-index--tag-box">
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-823 sk-text" style="background-color:#FA8C16;color:#fff">商建设计院</view>
+                  </view>
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-121 sk-text" style="background-color:#3874f6;color:#fff">潜在</view>
+                  </view>
+                </view>
+              </view>
+              <view class="icon list-index--icon">
+                <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="true"></view>
+                </view>
+              </view>
+            </navigator>
+          </view>
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait sk-transparent sk-text-14-2857-699 sk-text">
+                鸣源电子
+              </view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-15-0000-448 sk-text">鸣源电子游戏室</view>
+                <view class="tag-box list-index--tag-box">
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-113 sk-text" style="background-color:#FA8C16;color:#fff">商建设计院</view>
+                  </view>
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-747 sk-text" style="background-color:#3874f6;color:#fff">潜在</view>
+                  </view>
+                </view>
+              </view>
+              <view class="icon list-index--icon">
+                <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="true"></view>
+                </view>
+              </view>
+            </navigator>
+          </view>
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait sk-transparent sk-text-14-2857-323 sk-text">
+                嘉兴市南
+              </view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-15-0000-717 sk-text">嘉兴市南湖区南湖街道健兴蛋糕店</view>
+                <view class="tag-box list-index--tag-box">
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-963 sk-text" style="background-color:#FA8C16;color:#fff">业主</view>
+                  </view>
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-601 sk-text" style="background-color:#3874f6;color:#fff">潜在</view>
+                  </view>
+                </view>
+              </view>
+              <view class="icon list-index--icon">
+                <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="true"></view>
+                </view>
+              </view>
+            </navigator>
+          </view>
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait sk-transparent sk-text-14-2857-229 sk-text">
+                嘉兴恒元
+              </view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-15-0000-507 sk-text">嘉兴恒元斋食品有限公司</view>
+                <view class="tag-box list-index--tag-box">
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-798 sk-text" style="background-color:#FA8C16;color:#fff">业主</view>
+                  </view>
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-608 sk-text" style="background-color:#3874f6;color:#fff">潜在</view>
+                  </view>
+                </view>
+              </view>
+              <view class="icon list-index--icon">
+                <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="true"></view>
+                </view>
+              </view>
+            </navigator>
+          </view>
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait min-portrait list-index--min-portrait sk-transparent"></view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1"></view>
+                <view class="tag-box list-index--tag-box">
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-695 sk-text" style="background-color:#3874f6;color:#fff">潜在</view>
+                  </view>
+                </view>
+              </view>
+              <view class="icon list-index--icon">
+                <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="true"></view>
+                </view>
+              </view>
+            </navigator>
+          </view>
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait sk-transparent sk-text-14-2857-775 sk-text">
+                我是谁
+              </view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-15-0000-618 sk-text">我是谁</view>
+                <view class="tag-box list-index--tag-box">
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-776 sk-text" style="background-color:#FA8C16;color:#fff">业主</view>
+                  </view>
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-927 sk-text" style="background-color:#3874f6;color:#fff">潜在</view>
+                  </view>
+                </view>
+              </view>
+              <view class="icon list-index--icon">
+                <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="true"></view>
+                </view>
+              </view>
+            </navigator>
+          </view>
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait sk-transparent sk-text-14-2857-1 sk-text">
+                666
+              </view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-15-0000-447 sk-text">666</view>
+                <view class="tag-box list-index--tag-box">
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-269 sk-text" style="background-color:#FA8C16;color:#fff">业主</view>
+                  </view>
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-663 sk-text" style="background-color:#3874f6;color:#fff">潜在</view>
+                  </view>
+                </view>
+              </view>
+              <view class="icon list-index--icon">
+                <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="true"></view>
+                </view>
+              </view>
+            </navigator>
+          </view>
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait sk-transparent sk-text-14-2857-360 sk-text">
+                嘉兴云链
+              </view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-15-0000-847 sk-text">嘉兴云链电子商务有限责任公司</view>
+                <view class="tag-box list-index--tag-box">
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-912 sk-text" style="background-color:#FA8C16;color:#fff">商建设计院</view>
+                  </view>
+                  <view is="miniprogram_npm/@vant/weapp/tag/index">
+                    <view class="list-index--tag van-tag tag-index--van-tag van-tag--default tag-index--van-tag--default van-tag--round tag-index--van-tag--round sk-transparent sk-text-18-7500-811 sk-text" style="background-color:#3874f6;color:#fff">潜在</view>
+                  </view>
+                </view>
+              </view>
+              <view class="icon list-index--icon">
+                <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="true"></view>
+                </view>
+              </view>
+            </navigator>
+          </view>
+          <view class="setclient-list-item list-index--setclient-list-item">
+            <navigator class="con list-index--con">
+              <view class="portrait list-index--portrait sk-transparent sk-text-14-2857-595 sk-text">
+                台州班尼
+              </view>
+              <view class="mian list-index--mian">
+                <view class="label list-index--label line-1 list-index--line-1 sk-transparent sk-text-15-0000-30 sk-text">台州班尼戈万达管道科技有限公司</view>
+              </view>
+              <view class="icon list-index--icon"></view>
+            </navigator>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
+</template>

packageA/setclient/index.skeleton.wxss

@@ -0,0 +1,236 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午11:04:25
+
+在 D:\开发项目\YOS_wechat\packageA\setclient\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-233 {
+    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-524 {
+    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-897 {
+    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-460 {
+    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-11 {
+    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-15-0000-149 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-992 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-966 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-231 {
+    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-15-0000-671 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-823 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-121 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    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-15-0000-448 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-113 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-747 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-323 {
+    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-15-0000-717 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-963 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-601 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-229 {
+    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-15-0000-507 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-798 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-608 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-695 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-775 {
+    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-15-0000-618 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-776 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-927 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-1 {
+    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-15-0000-447 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-269 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-663 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-360 {
+    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-15-0000-847 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-912 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-7500-811 {
+    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
+    background-size: 100% 32.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-595 {
+    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-15-0000-30 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !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/setclient/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' bind:onSearch='onSearch' />
 <view class="total">共{{content.total}}个</view>
 <Yl_ListBox id='ListBox' bind:getlist='getList'>