报价单列表详情添加骨架屏，代理人逻辑优化

packageA/offers/detail.js

@@ -6,6 +6,7 @@ const _Http = getApp().globalData.http,
     }).format();
 Page({
     data: {
+        loading: true,
         isLeader: false, //是否为负责人
         tabsActive: 1, //tabs 选中项
         sa_quotedpriceid: "",
@@ -70,6 +71,11 @@ Page({
                 icon: "none"
             });
             this.setPreview(res);
+            this.setTabbar(res.data.status, res.data.leader[0].userid == wx.getStorageSync('userMsg').userid);
+            this.setData({
+                loading: false,
+                detail: res.data,
+            })
             /* 更新列表数据 */
             let page = getCurrentPages().find(v => v.__route__ == 'packageA/offers/index');
             if (page) {
@@ -84,58 +90,7 @@ Page({
         })
     },
     /* 设置显示字段 */
-    async setPreview(res) {
-        //底部操作
-        let tabbarList = [{
-                icon: "icon-genjin",
-                label: "跟进"
-            }],
-            isLeader = res.data.leader[0].userid == wx.getStorageSync('userMsg').userid;
-        if (!isLeader) {
-            let s = await getApp().agentOrNot("sa_project", this.data.sa_projectid);
-            isLeader = s.data == 1;
-        }
-        if (isLeader || this.data.isAdmin) {
-            //负责人/管理员默认权限功能
-            /* {
-                icon: "icon-tabxiangmupinggu",
-                label: '打印'
-            }, */
-            tabbarList.push({
-                icon: "icon-guanlian-fuzhi",
-                label: "复制"
-            });
-            if (res.data.status == '新建') tabbarList = [{
-                icon: "icon-zhuanyi",
-                label: "更换负责人"
-            }, {
-                icon: "icon-shanchu",
-                label: "作废"
-            }, {
-                icon: "icon-dibu-bianji",
-                label: "编辑"
-            }].concat(tabbarList);
-
-            //负责人 新建状态可以提交 提交状态可以撤回  负责人可以打印
-            if (isLeader) {
-                if (res.data.status == '新建') tabbarList.unshift({
-                    icon: "icon-genjin",
-                    label: '提交'
-                })
-                if (res.data.status == '提交') tabbarList.unshift({
-                    icon: "icon-genjin",
-                    label: '撤回'
-                });
-            }
-            //拥有管理权限 提交状态可以审核  审核状态可以反审核
-            if (this.data.isAdmin && (res.data.status == '审核' || res.data.status == '提交')) tabbarList.unshift(res.data.status == '审核' ? {
-                icon: "icon-guanlian-fuzhi",
-                label: "反审核"
-            } : {
-                icon: "icon-guanlian-fuzhi",
-                label: "审核"
-            });
-        }
+    setPreview(res) {
         let briefs = [{
             label: "报价类型",
             value: res.data.quotedpricetype
@@ -154,10 +109,6 @@ Page({
         }];
         //客户报价移除项目字段
         if (res.data.quotedpricetype == '客户报价') briefs.splice(1, 1);
-        /* {
-            label: "项目编号",
-            value: res.data.projectnum
-        },  */
         let list1 = [{
             label: "报价单号",
             value: res.data.billno
@@ -215,10 +166,8 @@ Page({
         }];
         //客户报价移除项目字段
         if (res.data.quotedpricetype == '客户报价') list1.splice(4, 2);
+
         this.setData({
-            detail: res.data,
-            tabbarList,
-            isLeader,
             briefs,
             list1,
             list2: [{
@@ -252,6 +201,64 @@ Page({
                 label: "转手次数",
                 value: res.data.leader[0].leadernum
             }],
+        })
+    },
+    /* 设置底部功能 */
+    async setTabbar(status, Leader) {
+        let isLeader = Leader,
+            isAdmin = this.data.isAdmin,
+            editdataleader = true,
+            tabbarList = [{
+                icon: "icon-genjin",
+                label: "跟进"
+            }];
+        if (!isLeader) {
+            let s = await getApp().agentOrNot("sa_project", this.data.sa_projectid);
+            isLeader = s.data.editable == 1;
+            editdataleader = s.data.editdataleader == 1;
+        }
+        if (isLeader || isAdmin) {
+            //负责人/管理员默认权限功能
+            tabbarList.push({
+                icon: "icon-guanlian-fuzhi",
+                label: "复制"
+            });
+            if (status == '新建') {
+                if (editdataleader) tabbarList.unshift({
+                    icon: "icon-zhuanyi",
+                    label: "更换负责人"
+                })
+                tabbarList = [{
+                    icon: "icon-shanchu",
+                    label: "作废"
+                }, {
+                    icon: "icon-dibu-bianji",
+                    label: "编辑"
+                }].concat(tabbarList);
+            }
+            //负责人 新建状态可以提交 提交状态可以撤回  负责人可以打印
+            if (isLeader) {
+                if (status == '新建') tabbarList.unshift({
+                    icon: "icon-genjin",
+                    label: '提交'
+                })
+                if (status == '提交') tabbarList.unshift({
+                    icon: "icon-genjin",
+                    label: '撤回'
+                });
+            }
+            //拥有管理权限 提交状态可以审核  审核状态可以反审核
+            if (this.data.isAdmin && (res.data.status == '审核' || res.data.status == '提交')) tabbarList.unshift(res.data.status == '审核' ? {
+                icon: "icon-guanlian-fuzhi",
+                label: "反审核"
+            } : {
+                icon: "icon-guanlian-fuzhi",
+                label: "审核"
+            });
+        }
+        this.setData({
+            tabbarList,
+            isLeader
         });
     },
     //tabs 切换

packageA/offers/detail.scss

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

packageA/offers/detail.skeleton.wxml

@@ -0,0 +1,241 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:24:32
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\offers\detail.wxml 引入模板
+
+```
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\offers\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-605 sk-text">单号：QP202303250005</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-497 sk-text">报价类型：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-180 sk-text">项目报价</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-694 sk-text">项目：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-860 sk-text">测试默认团队</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-980 sk-text">客户：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-836 sk-text">宁波咕咚玉食生活科技有限公司</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-658 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-32 sk-text">状态：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-567 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-952 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-709 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 class="item Yl-group-index--item">
+                <view class="sk-transparent sk-text-28-1250-562 sk-text" style="background-position-x: 50%;">
+                  夏
+                </view>
+              </view>
+              <view class="item Yl-group-index--item">
+                <view class="sk-transparent sk-text-28-1250-318 sk-text" style="background-position-x: 50%;">
+                  张
+                </view>
+              </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="86">
+        <view class="item FunTabs-index--item" data-index="0" id="a2ef5e24--">
+          <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-157 sk-text" style="background-position-x: 50%;">详细信息</view>
+        </view>
+        <view class="item FunTabs-index--item active FunTabs-index--active" data-index="1" id="a2ef5e24--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-412 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-903 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-tabkaipiaoxinxi FunTabs-index--icon-tabkaipiaoxinxi 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-920 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-674 sk-text" style="background-position-x: 50%;">历史报价</view>
+        </view>
+      </scroll-view>
+      <view class="slot-box FunTabs-index--slot-box">
+        <view is="packageA/offers/modules/product/index" id="Product">
+          <view class="product-index--head">
+            <view class="product-index--count sk-transparent">产品清单
+              <text class="sk-transparent sk-text-14-2857-859 sk-text">总金额:￥4,125.00元</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/offers/modules/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-852 sk-text">
+                      燃气六角头螺栓
+                    </view>
+                    <view class="subfield product-list-index--subfield sk-transparent sk-text-14-7059-768 sk-text">
+                      编号:2311111004410
+                    </view>
+                    <view class="subfield product-list-index--subfield">
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-473 sk-text" style="margin-right: 3px;">品牌：班尼戈</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-414 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-618 sk-text" style="margin-right: 3px;">规格：M16×60mm</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-740 sk-text">型号：M16×60mm</text>
+                    </view>
+                    <view class="subfield product-list-index--subfield">
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-633 sk-text" style="margin-right: 3px;">牌价：￥180.00</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent" style="margin-right: 3px;">单价差额：<text style="color: var(--error);" class="sk-transparent sk-text-14-7059-361 sk-text">-￥20.00</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-609 sk-text" style="margin-right: 3px;">最低授权折扣:20%</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent" style="margin-right: 3px;">是否特价：<text style="color: var(--error);" class="sk-transparent sk-text-14-7059-824 sk-text">否</text></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: 20px;">
+                    <view class="label product-list-index--label sk-transparent sk-text-14-2857-255 sk-text">数量(个)：</view>
+                    <view class="input product-list-index--input sk-image" data-index="0" data-name="qty" style="width: 90px;" type="digit" value="3"></view>
+                  </view>
+                  <view>
+                    <view class="label product-list-index--label sk-transparent sk-text-14-2857-570 sk-text">折扣（%）：</view>
+                    <view class="input product-list-index--input sk-image" data-index="0" data-name="discountrate" style="width: 85px;" type="digit" value="111"></view>
+                  </view>
+                </view>
+                <view class="row product-list-index--row">
+                  <view>
+                    <view class="label product-list-index--label sk-transparent sk-text-14-2857-704 sk-text">单价（元）：</view>
+                    <view class="input product-list-index--input sk-image" data-index="0" data-name="price" style="width: 90px;" type="digit" value="200"></view>
+                  </view>
+                  <view class="money product-list-index--money sk-transparent">
+                    金额：
+                    <text class="sk-transparent sk-text-14-2857-108 sk-text">￥600.00</text>
+                  </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-795 sk-text">
+                      燃气六角螺帽
+                    </view>
+                    <view class="subfield product-list-index--subfield sk-transparent sk-text-14-7059-625 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-453 sk-text" style="margin-right: 3px;">品牌：班尼戈</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-398 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-766 sk-text" style="margin-right: 3px;">规格：M16</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent sk-text-14-7059-90 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-288 sk-text" style="margin-right: 3px;">牌价：￥220.00</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent" style="margin-right: 3px;">单价差额：<text style="color: var(--error);" class="sk-transparent sk-text-14-7059-858 sk-text">-￥30.00</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-842 sk-text" style="margin-right: 3px;">最低授权折扣:20%</text>
+                      <text class="line-1 product-list-index--line-1 sk-transparent" style="margin-right: 3px;">是否特价：<text style="color: var(--error);" class="sk-transparent sk-text-14-7059-51 sk-text">否</text></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>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>

packageA/offers/detail.skeleton.wxss

@@ -0,0 +1,267 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:24:32
+
+在 D:\开发项目\YOS_wechat\packageA\offers\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-605 {
+    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-497 {
+    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-180 {
+    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-694 {
+    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-860 {
+    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-980 {
+    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-836 {
+    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-658 {
+    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-32 {
+    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-567 {
+    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-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-28-1250-709 {
+    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-28-1250-562 {
+    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-28-1250-318 {
+    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-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-412 {
+    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-903 {
+    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-920 {
+    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-674 {
+    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-859 {
+    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-852 {
+    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-768 {
+    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-473 {
+    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-414 {
+    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-618 {
+    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-740 {
+    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-633 {
+    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-361 {
+    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-609 {
+    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-824 {
+    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-255 {
+    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-570 {
+    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-704 {
+    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-108 {
+    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-795 {
+    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-625 {
+    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-453 {
+    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-398 {
+    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-766 {
+    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-90 {
+    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-288 {
+    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-858 {
+    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-842 {
+    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-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/offers/detail.wxml

@@ -1,3 +1,6 @@
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+
 <view class="header">
     <view class="title">单号：{{detail.billno}}</view>
     <Yl-tags id="Tags" add ownertable='sa_quotedprice' ownerid='{{sa_quotedpriceid}}' />

packageA/offers/index.js

@@ -5,6 +5,7 @@ Page({
      * 页面的初始数据
      */
     data: {
+        loading: true,
         typeList: [{
             name: '客户报价',
             index: 0
@@ -99,6 +100,7 @@ Page({
                 return v
             })
             this.setData({
+                loading: false,
                 'content.pageNumber': res.pageNumber + 1,
                 'content.pageTotal': res.pageTotal,
                 'content.total': res.total,

packageA/offers/index.scss

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

packageA/offers/index.skeleton.wxml

@@ -0,0 +1,162 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:23:14
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\offers\index.wxml 引入模板
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\offers\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-204 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-651 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-691 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-164 sk-text">共105个</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/offers/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-9 sk-text">单号：QP202305080001</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-311 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="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-764 sk-text" style="background-color:#FA8C16;color:#fff">项目报价</view>
+              </view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">客户：
+              <text class="sk-transparent sk-text-14-2857-806 sk-text">嘉兴市云链信息技术有限公司</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">报价日期：
+              <text class="sk-transparent sk-text-14-2857-219 sk-text">2023-05-08</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">是否特价：
+              <text class="sk-transparent sk-opacity">是</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-327 sk-text">单号：QP202303300002</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-123 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="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-717 sk-text" style="background-color:#FA8C16;color:#fff">项目报价</view>
+              </view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">客户：
+              <text class="sk-transparent sk-text-14-2857-534 sk-text">客户333</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">报价日期：
+              <text class="sk-transparent sk-text-14-2857-40 sk-text">2023-03-30</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">是否特价：
+              <text class="sk-transparent sk-opacity">否</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-454 sk-text">单号：QP202303300001</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-706 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="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>
+            <view class="list-index--exp list-index--line-1 sk-transparent">客户：
+              <text class="sk-transparent sk-text-14-2857-635 sk-text">上海清越环保设备有限公司</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">报价日期：
+              <text class="sk-transparent sk-text-14-2857-137 sk-text">2023-03-30</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">是否特价：
+              <text class="sk-transparent sk-opacity">否</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-714 sk-text">单号：QP202303250007</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-31 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="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-448 sk-text" style="background-color:#FA8C16;color:#fff">客户报价</view>
+              </view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">客户：
+              <text class="sk-transparent sk-text-14-2857-213 sk-text">测试团队233</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">报价日期：
+              <text class="sk-transparent sk-text-14-2857-158 sk-text">2023-03-25</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">是否特价：
+              <text class="sk-transparent sk-opacity">否</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-190 sk-text">单号：QP202303250005</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-324 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="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-48 sk-text" style="background-color:#FA8C16;color:#fff">项目报价</view>
+              </view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">客户：
+              <text class="sk-transparent sk-text-14-2857-676 sk-text">宁波咕咚玉食生活科技有限公司</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">报价日期：
+              <text class="sk-transparent sk-text-14-2857-509 sk-text">2023-03-25</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">是否特价：
+              <text class="sk-transparent sk-opacity">否</text>
+            </view>
+          </navigator>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
+</template>

packageA/offers/index.skeleton.wxss

@@ -0,0 +1,189 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:23:14
+
+在 D:\开发项目\YOS_wechat\packageA\offers\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-204 {
+    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-651 {
+    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-691 {
+    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-164 {
+    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-9 {
+    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-311 {
+    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-18-7500-764 {
+    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-806 {
+    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-219 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-opacity {
+    opacity: 0 !important;
+  }
+.sk-text-14-2857-327 {
+    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-123 {
+    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-18-7500-717 {
+    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-534 {
+    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-40 {
+    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-454 {
+    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-706 {
+    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-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-14-2857-635 {
+    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-137 {
+    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-714 {
+    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-31 {
+    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-18-7500-448 {
+    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-213 {
+    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-158 {
+    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-190 {
+    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-324 {
+    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-18-7500-48 {
+    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-676 {
+    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-509 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    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/offers/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:select="classSelect" />