市场活动列表详情添加骨架屏，优化代理人逻辑

packageA/activity/detail.js

@@ -1,10 +1,9 @@
 const _Http = getApp().globalData.http;
 Page({
     data: {
+        loading: true,
         isLeader: false, //是否为负责人
         tabsActive: 1, //tabs 选中项
-        sat_campaignid: "",
-        detail: '',
         tabsList: [{
             label: "详细信息",
             icon: "icon-tabxiangxixinxi1"
@@ -51,6 +50,7 @@ Page({
                 icon: "none"
             });
             this.setData({
+                loading: false,
                 detail: res.data,
                 briefs: [{
                     label: "活动类型",
@@ -129,7 +129,7 @@ Page({
             } else {
                 getApp().agentOrNot("sat_campaign", this.data.sat_campaignid).then(({
                     data
-                }) => this.setTabbarList(data == 1, res.data.status))
+                }) => this.setTabbarList(data.editable == 1, res.data.status))
             }
         })
     },
@@ -140,7 +140,7 @@ Page({
      */
     setTabbarList(isLeader, status) {
         let tabbarList = [];
-        if (isLeader) {
+        if (isLeader || this.data.isAdmin) {
             if (status == '新建') {
                 tabbarList = [{
                     icon: "icon-bianji",
@@ -162,7 +162,6 @@ Page({
                 }]
             };
             if ((status == '新建' || status == '结束') && isLeader) getApp().globalData.handleClue = this.isDelete.bind(this);
-            console.log(status)
         }
         this.setData({
             tabbarList,
@@ -174,7 +173,6 @@ Page({
      * @param {number} total 数据数量
      */
     isDelete(total) {
-        console.log(total)
         if (total == 0) this.setData({
             tabbarList: this.data.tabbarList.concat([{
                 icon: "icon-guanlian-shanchu",

packageA/activity/detail.scss

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

packageA/activity/detail.skeleton.wxml

@@ -0,0 +1,204 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:15:39
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\activity\detail.wxml 引入模板
+
+```
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\activity\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-667 sk-text">测试活动</view>
+      <view is="pages/tags/modules/Yl-tags/index" id="Tags">
+        <view class="tags-index--tag-box">
+          <view class="tags-index--add sk-transparent">
+            <view is="miniprogram_npm/@vant/weapp/icon/index" style="margin-right: 3px;">
+              <view class="van-icon icon-index--van-icon van-icon-plus icon-index--van-icon-plus sk-pseudo sk-pseudo-circle" style="true"></view>
+            </view>添加
+          </view>
+        </view>
+      </view>
+    </view>
+    <view is="components/Yl_Detail/index">
+      <view class="Detail-index--box">
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-841 sk-text">活动类型：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-436 sk-text">行业峰会</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-850 sk-text">线索数：</view>
+          <view class="Detail-index--value sk-transparent sk-opacity">0</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-919 sk-text">活动负责人：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-375 sk-text">123</view>
+        </view>
+        <view class="Detail-index--row">
+          <view class="Detail-index--label sk-transparent sk-text-14-7059-193 sk-text">状态：</view>
+          <view class="Detail-index--value sk-transparent sk-text-14-7059-774 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-891 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-939 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="-31.33333396911621">
+        <view class="item FunTabs-index--item active FunTabs-index--active" data-index="0" id="c220f8e6--active0">
+          <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-181 sk-text" style="background-position-x: 50%;">详细信息</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="1" id="c220f8e6--">
+          <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-645 sk-text" style="background-position-x: 50%;">活动线索</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="2" id="c220f8e6--">
+          <view class="icon FunTabs-index--icon">
+            <text class="iconfont FunTabs-index--iconfont icon-tabcaozuojilu1 FunTabs-index--icon-tabcaozuojilu1 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-417 sk-text" style="background-position-x: 50%;">操作</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="3" id="c220f8e6--">
+          <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-865 sk-text" style="background-position-x: 50%;">跟进动态</view>
+        </view>
+        <view class="item FunTabs-index--item" data-index="4" id="c220f8e6--"></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-26 sk-text">基本信息</view>
+              <view class="Headline-index--rep">
+                <view class="Headline-index--switch">
+                  <text class="sk-transparent sk-text-33-3333-206 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-409 sk-text">市场活动名称</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-465 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-521 sk-text">活动类型</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-857 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-801 sk-text">线索数</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-177 sk-text">0</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-40 sk-text">活动地点</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-351 sk-text">123123</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-549 sk-text">状态</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-41 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-946 sk-text">开始时间</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-149 sk-text">2023-06-09 00:00:00</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-958 sk-text">结束时间</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-940 sk-text">2024-06-09 00:00:00</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-896 sk-text">活动负责人</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-768 sk-text">123</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-108 sk-text">负责人</view>
+                  <view class="ReportForms-index--value sk-transparent sk-text-14-2857-693 sk-text">缪宇鸣</view>
+                </navigator>
+              </view>
+            </view>
+          </view>
+          <view is="components/Yl_Headline/index">
+            <view class="Headline-index--box">
+              <view class="Headline-index--title sk-transparent sk-text-14-2857-270 sk-text">系统信息</view>
+              <view class="Headline-index--rep"></view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>

packageA/activity/detail.skeleton.wxss

@@ -0,0 +1,219 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:15:39
+
+在 D:\开发项目\YOS_wechat\packageA\activity\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-667 {
+    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-841 {
+    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-436 {
+    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-850 {
+    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-919 {
+    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-375 {
+    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-193 {
+    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-774 {
+    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-891 {
+    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-939 {
+    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-181 {
+    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-645 {
+    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-417 {
+    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-865 {
+    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-26 {
+    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-206 {
+    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-409 {
+    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-465 {
+    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-521 {
+    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-857 {
+    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-801 {
+    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-177 {
+    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-40 {
+    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-351 {
+    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-549 {
+    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-41 {
+    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-946 {
+    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-149 {
+    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-958 {
+    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-940 {
+    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-896 {
+    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-768 {
+    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-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-693 {
+    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-270 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.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/activity/detail.wxml

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

packageA/activity/index.js

@@ -5,6 +5,7 @@ Page({
      * 页面的初始数据
      */
     data: {
+        loading: true,
         navList: [{
             label: "我负责的",
             icon: "icon-webxialaxuanxiangjiantou",
@@ -51,7 +52,6 @@ Page({
         }
     },
     onLoad(options) {
-
         this.setData({
             insert: wx.getStorageSync('auth').wmarketing_activity.options.some(v => v == 'insert'), //查询新增权限
             classActions: wx.getStorageSync('templetList').map(v => {
@@ -97,7 +97,8 @@ Page({
                 'content.pageTotal': res.pageTotal,
                 'content.total': res.total,
                 'content.sort': res.sort,
-                list: res.pageNumber == 1 ? res.data : this.data.list.concat(res.data)
+                list: res.pageNumber == 1 ? res.data : this.data.list.concat(res.data),
+                loading: false,
             });
             this.setListHeight();
             this.getTags();

packageA/activity/index.scss

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

packageA/activity/index.skeleton.wxml

@@ -0,0 +1,158 @@
+<!--
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:12:22
+使用方法：
+在 D:\开发项目\YOS_wechat\packageA\activity\index.wxml 引入模板
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\YOS_wechat\packageA\activity\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-228 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-25 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-693 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-908 sk-text">共40个</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/activity/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-149 sk-text">上海展</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-903 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">活动类型:
+              <text class="sk-transparent sk-text-14-2857-10 sk-text">行业峰会</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">线索数:
+              <text class="sk-transparent sk-opacity">3</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">负责人:
+              <text class="sk-transparent sk-text-14-2857-265 sk-text">admin</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-442 sk-text">市场活动123</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-816 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">活动类型:
+              <text class="sk-transparent sk-text-14-2857-428 sk-text">区域交流会</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">线索数:
+              <text class="sk-transparent sk-opacity">1</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">负责人:
+              <text class="sk-transparent sk-text-14-2857-789 sk-text">夏晶</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-146 sk-text">123123</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-772 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">活动类型:
+              <text class="sk-transparent sk-text-14-2857-357 sk-text">区域交流会</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">线索数:
+              <text class="sk-transparent sk-opacity">1</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">负责人:
+              <text class="sk-transparent sk-text-14-2857-582 sk-text">缪宇鸣</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-52 sk-text">234234</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-159 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">活动类型:
+              <text class="sk-transparent sk-text-14-2857-487 sk-text">区域交流会</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">线索数:
+              <text class="sk-transparent sk-opacity">1</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">负责人:
+              <text class="sk-transparent sk-text-14-2857-75 sk-text">缪宇鸣</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-770 sk-text">技术交流</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-194 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">活动类型:
+              <text class="sk-transparent sk-text-14-2857-511 sk-text">技术交流会</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">线索数:
+              <text class="sk-transparent sk-opacity">1</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">负责人:
+              <text class="sk-transparent sk-text-14-2857-650 sk-text">朱文华</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-482 sk-text">234</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-467 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">活动类型:
+              <text class="sk-transparent sk-text-14-2857-415 sk-text">技术交流会</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">线索数:
+              <text class="sk-transparent sk-opacity">0</text>
+            </view>
+            <view class="list-index--exp list-index--line-1 sk-transparent">负责人:
+              <text class="sk-transparent sk-text-14-2857-609 sk-text">朱文华</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-257 sk-text">深圳水务交流会</text>
+              <view class="list-index--status sk-transparent sk-text-20-0000-571 sk-text" style="background-color: #3874F6;">新建</view>
+            </view>
+          </navigator>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
+</template>

packageA/activity/index.skeleton.wxss

@@ -0,0 +1,194 @@
+/*
+此文件为开发者工具生成，生成时间: 2023/6/9上午10:12:22
+
+在 D:\开发项目\YOS_wechat\packageA\activity\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-228 {
+    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-25 {
+    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-693 {
+    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-908 {
+    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-149 {
+    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-903 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-10 {
+    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-265 {
+    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-442 {
+    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-816 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-428 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-789 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-146 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-772 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-357 {
+    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-582 {
+    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-52 {
+    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-159 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-487 {
+    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-75 {
+    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-770 {
+    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-194 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-511 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-650 {
+    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-482 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-0000-467 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-14-2857-415 {
+    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-609 {
+    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-257 {
+    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-571 {
+    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: absolute !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }

packageA/activity/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 }}" bind:click-overlay='classClose' actions="{{ classActions }}" cancel-text="取消" bind:cancel="classClose" bind:select="classSelect" />