From a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期四, 11 四月 2024 22:00:27 +0800
Subject: [PATCH] 音频播放bug

---
 packagePersonal/pages/aboutUs/index.js                                  |   21 
 packagePersonal/pages/aboutUs/index.skeleton.wxss                       |   46 
 packagePersonal/pages/aboutUs/index.skeleton.wxml                       |   39 
 pages/retrievalPage/index.skeleton.wxml                                 |  154 ++
 pages/bookExhibitionList/index.js                                       |   23 
 pages/retrievalPage/index.skeleton.wxss                                 |  134 +
 pages/bookExhibitionDetails/index.js                                    |   18 
 pages/cart/index.skeleton.wxml                                          |  295 ++++
 pages/cart/index.skeleton.wxss                                          |  160 ++
 packageDomain/pages/resourceDetails/myVideo/index.wxml                  |  189 +-
 packageBookService/pages/bookServices/detail/components/tree/index.js   |   17 
 assets/js/config.js                                                     |    8 
 packageDomain/pages/resourceDetails/myVideo/index.wxss                  |    2 
 pages/retrievalPage/index.js                                            |    7 
 packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxml         |  236 +++
 packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxss         |  153 ++
 pages/bookExhibitionDetails/index.wxml                                  |   74 
 pages/cart/index.wxss                                                   |    2 
 pages/bookExhibitionDetails/index.wxss                                  |    3 
 pages/cart/index.wxml                                                   |  133 +
 pages/bookExhibitionList/index.skeleton.wxml                            |  154 ++
 pages/cart/paymentPage/index.skeleton.wxml                              |   77 +
 pages/cart/paymentPage/index.wxml                                       |  122 
 pages/cart/paymentPage/index.wxss                                       |    2 
 pages/bookExhibitionDetails/index.skeleton.wxss                         |   84 +
 pages/bookExhibitionList/index.wxss                                     |    1 
 packageDomain/pages/resourceDetails/myVideo/index.js                    |   69 
 pages/bookExhibitionList/index.wxml                                     |  110 
 packageDomain/pages/resourceDetails/myAudio/index.js                    |   99 
 pages/retrievalPage/index.wxml                                          |    9 
 pages/bookExhibitionDetails/index.skeleton.wxml                         |   74 +
 pages/cart/paymentPage/index.skeleton.wxss                              |  105 +
 pages/bookExhibitionList/index.skeleton.wxss                            |  105 +
 pages/retrievalPage/index.wxss                                          |    1 
 packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxss         |  140 ++
 packagePersonal/pages/aboutUs/index.wxss                                |    3 
 packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxml         |  213 +++
 packagePersonal/pages/aboutUs/index.wxml                                |   14 
 packageBookService/pages/bookServices/detail/components/tree/index.wxml |  162 --
 pages/cart/index.js                                                     |    6 
 pages/cart/paymentPage/index.js                                         |    5 
 pages/bibliographyList/index.wxml                                       |  240 +-
 pages/bibliographyList/index.wxss                                       |    2 
 packageDomain/pages/resourceDetails/myAudio/index.wxss                  |    2 
 pages/bibliographyList/index.skeleton.wxml                              |  177 ++
 packageDomain/pages/resourceDetails/myAudio/index.wxml                  |  238 +-
 pages/bibliographyList/index.js                                         |    7 
 pages/bibliographyList/index.skeleton.wxss                              |  104 +
 48 files changed, 3,276 insertions(+), 763 deletions(-)

diff --git a/assets/js/config.js b/assets/js/config.js
index 458bd1a..c98d8ff 100644
--- a/assets/js/config.js
+++ b/assets/js/config.js
@@ -1,7 +1,7 @@
-// export const requestCtx = "http://182.92.203.7:3001"; // 璇锋眰鍦板潃
-// export const appId = 27;
-export const requestCtx = "https://jsek.bnuic.com"; // 璇锋眰鍦板潃
-export const appId = 3;
+export const requestCtx = "http://182.92.203.7:3001"; // 璇锋眰鍦板潃
+export const appId = 27;
+// export const requestCtx = "https://jsek.bnuic.com"; // 璇锋眰鍦板潃
+// export const appId = 3;
 // export const epubUrl = "http://182.92.203.7:3007/epubReadMobile/";
 export const epubUrl = "https://jsek.bnuic.com/epubReadMobile/#/";
 export const pdfUrl = "http://182.92.203.7:3007/pdfRead/";
diff --git a/packageBookService/pages/bookServices/detail/components/tree/index.js b/packageBookService/pages/bookServices/detail/components/tree/index.js
index b8a0bf3..e172a35 100644
--- a/packageBookService/pages/bookServices/detail/components/tree/index.js
+++ b/packageBookService/pages/bookServices/detail/components/tree/index.js
@@ -58,6 +58,7 @@
     selectAll: [],
     shoppingCart: true,
     stop: false,
+    cart: true
   },
   ready() {},
 
@@ -469,6 +470,9 @@
     // 鍔犲叆璐墿杞�
     async onCloudShoppingCart(e) {
       let shoppingCartGetId = [];
+
+      const item = e.currentTarget.dataset.item
+      console.log(item.isShopCar);
       const saleMethodId = e.currentTarget.dataset.item.saleMethod[0].Id;
       console.log(saleMethodId);
       let query = {
@@ -504,10 +508,15 @@
         };
         const addRes = await app.MG.store.addShoppingCart(query);
         console.log(addRes, "addRes");
-        wx.showToast({
-          icon: "success",
-          title: "娣诲姞鎴愬姛",
-        });
+        if (addRes) {
+          wx.showToast({
+            icon: "success",
+            title: "娣诲姞鎴愬姛",
+          });
+          item.isShopCar = false
+
+        }
+
       }
     },
     sadd() {
diff --git a/packageBookService/pages/bookServices/detail/components/tree/index.wxml b/packageBookService/pages/bookServices/detail/components/tree/index.wxml
index 32898c6..b33b9da 100644
--- a/packageBookService/pages/bookServices/detail/components/tree/index.wxml
+++ b/packageBookService/pages/bookServices/detail/components/tree/index.wxml
@@ -1,21 +1,9 @@
 <view class="tree">
   <t-collapse default-value="{{openIds}}" catchchange="handleChange">
-    <t-collapse-panel
-      wx:for="{{treeList}}"
-      wx:for-item="item"
-      wx:for-index="index"
-      wx:key="id"
-      value="{{item.id}}"
-    >
+    <t-collapse-panel wx:for="{{treeList}}" wx:for-item="item" wx:for-index="index" wx:key="id" value="{{item.id}}">
       <view slot="header" class="header-title">
         <view class="title-checkBox" catchtap="catchTap">
-          <t-checkbox
-            icon="rectangle"
-            checked="{{item.checked}}"
-            data-item="{{item}}"
-            catchchange="checkResourceTitle"
-            wx:if="{{isShowCheck}}"
-          />
+          <t-checkbox icon="rectangle" checked="{{item.checked}}" data-item="{{item}}" catchchange="checkResourceTitle" wx:if="{{isShowCheck}}" />
           <!-- 绔犺妭鍚� -->
           <view class="title-box">
             <text class="title-name">{{item.name}} </text>
@@ -25,115 +13,40 @@
           </view>
         </view>
       </view>
-      <view
-        class="list"
-        wx:for="{{item.children}}"
-        wx:for-item="citem"
-        wx:for-index="cindex"
-        wx:key="cindex"
-      >
+      <view class="list" wx:for="{{item.children}}" wx:for-item="citem" wx:for-index="cindex" wx:key="cindex">
         <!-- // 鍒ゆ柇 鏃犲瓙椤� 涓斾负鍟嗗搧item 鐩存帴鏄剧ず -->
-        <view
-          class="listItems"
-          wx:if="{{citem.childrenFolderCount <= 0 && citem.sysType == 'CmsItem'}}"
-        >
+        <view class="listItems" wx:if="{{citem.childrenFolderCount <= 0 && citem.sysType == 'CmsItem'}}">
           <view class="itemsInfo" data-item="{{citem}}" data-index="{{cindex}}">
-            <view
-              class="contentBox"
-              bind:tap="goPlayer"
-              data-item="{{citem}}"
-              data-parent="{{item}}"
-            >
+            <view class="contentBox" bind:tap="goPlayer" data-item="{{citem}}" data-parent="{{item}}">
               <!-- 鏁欏璧勬簮 浜戝涔� 鍥炬爣 -->
-              <view
-                class="box-image"
-                style="{{ tab == 'jsek_teachingResources' ? 'width: 350rpx;' : 'width: 450rpx;'}}"
-              >
-                <view
-                  class="checkBox"
-                  wx:if="{{isShowCheck}}"
-                  catchtap="catchTap"
-                >
+              <view class="box-image" style="{{ tab == 'jsek_teachingResources' ? 'width: 350rpx;' : 'width: 450rpx;'}}">
+                <view class="checkBox" wx:if="{{isShowCheck}}" catchtap="catchTap">
                   <!-- checked="{{citem.checked}}"  -->
                   <!-- <t-checkbox icon="rectangle" checked="{{citem.checked}}" disabled="{{citem.selectType=='webpage' || citem.isDownload != 1 || citem.fileMap[citem.file].protectType == 'Private'}}" catch:change="checkResource" data-item="{{citem}}" /> -->
-                  <t-checkbox
-                    disabled="{{!citem.saleMethod[0].Id}}"
-                    icon="rectangle"
-                    checked="{{citem.checked}}"
-                    data-item="{{citem}}"
-                    data-parent="{{item}}"
-                    catch:change="checkResource"
-                  />
+                  <t-checkbox disabled="{{!citem.saleMethod[0].Id}}" icon="rectangle" checked="{{citem.checked}}" data-item="{{citem}}" data-parent="{{item}}" catch:change="checkResource" />
                 </view>
                 <!-- 鏁欏璧勬簮鍥炬爣 -->
                 <view class="teach-icon">
-                  <image
-                    wx:if="{{citem.selectType == 'audio' || citem.learnSelectType == 'audio'}}"
-                    src="/static/images/bookService/detail/audioIcon.png"
-                    mode="aspectFill"
-                  />
-                  <image
-                    wx:elif="{{citem.selectType == 'video' || citem.learnSelectType == 'video'}}"
-                    src="/static/images/bookService/detail/video.png"
-                    mode="aspectFill"
-                  />
-                  <image
-                    wx:elif="{{citem.selectType == 'pdf'}}"
-                    src="/static/images/bookService/detail/pdf.png"
-                    mode="aspectFill"
-                  />
-                  <image
-                    wx:elif="{{citem.selectType == 'webpage'}}"
-                    src="/static/images/bookService/detail/net.png"
-                    mode="aspectFill"
-                  />
-                  <image
-                    wx:elif="{{citem.selectType == 'picture'}}"
-                    src="/static/images/bookService/detail/picture.png"
-                    mode="aspectFill"
-                  />
-                  <image
-                    wx:elif="{{citem.selectType == 'zip'}}"
-                    src="/static/images/bookService/detail/zip.png"
-                    mode="aspectFill"
-                  />
-                  <image
-                    wx:elif="{{ citem.fileMap[citem.file].extension == 'doc' ||  citem.fileMap[citem.file].extension == 'docx'}}"
-                    src="/static/images/bookService/detail/word.png"
-                    mode="aspectFill"
-                  />
-                  <image
-                    wx:elif="{{ citem.fileMap[citem.file].extension == 'xlsx' ||  citem.fileMap[citem.file].extension == 'xlsx'}}"
-                    src="/static/images/bookService/detail/excel.png"
-                    mode="aspectFill"
-                  />
-                  <image
-                    wx:elif="{{ citem.fileMap[citem.file].extension == 'ppt' ||  citem.fileMap[citem.file].extension == 'pptx'}}"
-                    src="/static/images/bookService/detail/PPT.png"
-                    mode="aspectFill"
-                  />
+                  <image wx:if="{{citem.selectType == 'audio' || citem.learnSelectType == 'audio'}}" src="/static/images/bookService/detail/audioIcon.png" mode="aspectFill" />
+                  <image wx:elif="{{citem.selectType == 'video' || citem.learnSelectType == 'video'}}" src="/static/images/bookService/detail/video.png" mode="aspectFill" />
+                  <image wx:elif="{{citem.selectType == 'pdf'}}" src="/static/images/bookService/detail/pdf.png" mode="aspectFill" />
+                  <image wx:elif="{{citem.selectType == 'webpage'}}" src="/static/images/bookService/detail/net.png" mode="aspectFill" />
+                  <image wx:elif="{{citem.selectType == 'picture'}}" src="/static/images/bookService/detail/picture.png" mode="aspectFill" />
+                  <image wx:elif="{{citem.selectType == 'zip'}}" src="/static/images/bookService/detail/zip.png" mode="aspectFill" />
+                  <image wx:elif="{{ citem.fileMap[citem.file].extension == 'doc' ||  citem.fileMap[citem.file].extension == 'docx'}}" src="/static/images/bookService/detail/word.png" mode="aspectFill" />
+                  <image wx:elif="{{ citem.fileMap[citem.file].extension == 'xlsx' ||  citem.fileMap[citem.file].extension == 'xlsx'}}" src="/static/images/bookService/detail/excel.png" mode="aspectFill" />
+                  <image wx:elif="{{ citem.fileMap[citem.file].extension == 'ppt' ||  citem.fileMap[citem.file].extension == 'pptx'}}" src="/static/images/bookService/detail/PPT.png" mode="aspectFill" />
                   <!-- 璧勬簮鏃犳枃浠跺唴瀹瑰浘鏍� -->
-                  <image
-                    wx:else
-                    src="/static/images/bookService/detail/word.png"
-                    mode=""
-                  />
+                  <image wx:else src="/static/images/bookService/detail/word.png" mode="" />
                 </view>
                 <!-- 浜戝涔犲浘鏍� -->
                 <view> </view>
                 <!-- 鍚嶇О -->
-                <text
-                  class="name"
-                  style="{{ tab == 'jsek_teachingResources' ? 'width: 300rpx;' : 'width: 400rpx;'}}"
-                  >{{citem.name || '-'}}</text
-                >
+                <text class="name" style="{{ tab == 'jsek_teachingResources' ? 'width: 300rpx;' : 'width: 400rpx;'}}">{{citem.name || '-'}}</text>
               </view>
               <!-- 鏁欏璧勬簮绫诲瀷 -->
               <view class="teachClass"> {{citem.resourceClass}} </view>
-              <view
-                class="teach-btn"
-                wx:if="{{tab == 'jsek_teachingResources'}}"
-              >
+              <view class="teach-btn" wx:if="{{tab == 'jsek_teachingResources'}}">
                 <!--  涓嬭浇鎸夐挳 -->
                 <!-- <image
                   src="/static/images/bookService/detail/download-icon.png"
@@ -144,42 +57,17 @@
               </view>
               <view wx:if="{{tab == 'jsek_cloudLearning'}}">
                 <!-- 浜戝涔犺瘯鐪嬪浘鏍� -->
-                <image
-                  src="/static/images/bookService/detail/shikan.png"
-                  class="testSee"
-                  wx:if="{{!citem.isbuy ? false : citem.freeFile ? true : false}}"
-                ></image>
+                <image src="/static/images/bookService/detail/shikan.png" class="testSee" wx:if="{{!citem.isbuy ? false : citem.freeFile ? true : false}}"></image>
                 <!-- 浜戝涔犲姞鍏ヨ喘鐗╄溅鍥炬爣 -->
-                <image
-                  src="/static/images/bookService/detail/cart@2x.png"
-                  wx:if="{{citem.isShopCar}}"
-                  class="shopCar"
-                  data-item="{{citem}}"
-                  catch:tap="onCloudShoppingCart"
-                ></image>
+                <image src="/static/images/bookService/detail/cart@2x.png" wx:if="{{citem.isShopCar}}" class="shopCar" data-item="{{citem}}" catch:tap="onCloudShoppingCart"></image>
                 <!-- 浜戝涔犺喘涔板浘鏍� -->
-                <image
-                  src="/static/images/bookService/detail/need-buy.png"
-                  class="need-buy"
-                  wx:if="{{citem.isbuy }}"
-                ></image>
+                <image src="/static/images/bookService/detail/need-buy.png" class="need-buy" wx:if="{{citem.isbuy }}"></image>
               </view>
             </view>
           </view>
         </view>
         <!-- // 鍒ゆ柇 涓嶆槸鍟嗗搧 鏈夊瓙椤� 閫掑綊缁勪欢 -->
-        <tree
-          wx:if="{{citem.childrenCount > 0 && citem.sysType == 'CmsFolder' }}"
-          isShowCheck="{{isShowCheck}}"
-          bookInfo="{{bookInfo}}"
-          treeList="{{[citem]}}"
-          learnList="{{learnList}}"
-          itemId="{{itemId}}"
-          tab="{{tab}}"
-          buyIds="{{buyIds}}"
-          openTeachids="{{openTeachids}}"
-          openLearnids="{{openLearnids}}"
-        ></tree>
+        <tree wx:if="{{citem.childrenCount > 0 && citem.sysType == 'CmsFolder' }}" isShowCheck="{{isShowCheck}}" bookInfo="{{bookInfo}}" treeList="{{[citem]}}" learnList="{{learnList}}" itemId="{{itemId}}" tab="{{tab}}" buyIds="{{buyIds}}" openTeachids="{{openTeachids}}" openLearnids="{{openLearnids}}"></tree>
       </view>
       <!-- 鏆傛棤鏁版嵁 -->
       <view wx:if="{{!item.children || !item.children.length}}" class="noData">
@@ -196,4 +84,4 @@
 </view>
 
 <web-view wx:if="{{webpageSrc}}" src="{{webpageSrc}}"></web-view>
-<!-- <button bind:tap="sadd"> 65498</button> -->
+<!-- <button bind:tap="sadd"> 65498</button> -->
\ No newline at end of file
diff --git a/packageDomain/pages/resourceDetails/myAudio/index.js b/packageDomain/pages/resourceDetails/myAudio/index.js
index 8522ca4..c15864e 100644
--- a/packageDomain/pages/resourceDetails/myAudio/index.js
+++ b/packageDomain/pages/resourceDetails/myAudio/index.js
@@ -13,7 +13,7 @@
     noteList: [],
     navBarHeight: '',
     barHeight: '',
-    flag: true, // 杈撳叆妗嗘槸鍚︽樉绀�
+    flag: false, // 杈撳叆妗嗘槸鍚︽樉绀�
     tabPanelstyle: 'display:flex;justify-content:center;align-items:center;',
     activeValues: [0],
     dialogKey: false,
@@ -45,7 +45,9 @@
     myAudioPos: '',
     startTime: "", //杩涘叆椤甸潰褰撳墠鏃堕棿
     pauseTime: 0, //鏆傚仠鏃堕棿
-    fromPath: ''
+    formPath: '',
+    loading: true,
+    hidden: true
   },
   // // 鏃堕棿鏍煎紡鍖�
   // format(t) {
@@ -97,7 +99,7 @@
       parentName: options.parentName,
       parentProductLinkPath: options.parentProductLinkPath,
       productLinkPath: options.productLinkPath,
-      fromPath: options.formPath
+      formPath: options.formPath
     })
     this.resourceDetailsData()
     this.getNoteList()
@@ -257,21 +259,27 @@
     }
     app.MG.store.getProductDetail(query).then(res => {
       res.datas.cmsDatas[0].datas.forEach((item, index) => {
-        if (item.selectType === "audio") {
+        if (item.selectType === "audio" || item.learnSelectType === "audio") {
           this.data.threeLeveData.push(item)
           this.setData({
             threeLeveData: this.data.threeLeveData
           })
           this.data.threeLeveData.forEach((items, index) => { // 淇敼姝ゅ娣诲姞index鍙傛暟
             if (this.data.productLinkPath == items.productLinkPath) {
-              if (this.data.fromPath == 'jsek_cloudLearning') {
-                杩欓噷澶勭悊浜戝涔犵殑
+              if (this.data.formPath == 'jsek_cloudLearning') {
+                // 杩欓噷澶勭悊浜戝涔犵殑
+                this.setData({
+                  showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + items.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey),
+                  titleName: items.name
+                })
+                this.pubulicPlayFun()
+              } else {
+                this.setData({
+                  showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file,
+                  titleName: items.name
+                })
+                this.pubulicPlayFun()
               }
-              this.setData({
-                showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file,
-                titleName: items.name
-              })
-              this.pubulicPlayFun()
               let selectedIndex = index; // 瀛樺偍閫変腑椤圭殑绱㈠紩
               this.setData({
                 selectedId: selectedIndex // 璁剧疆閫変腑椤圭殑绱㈠紩
@@ -281,6 +289,10 @@
         }
       })
       this.data.threeLeveData.forEach((item) => {})
+      this.setData({
+        loading: false,
+        hidden: false
+      })
     })
   },
   onVideo(e) {
@@ -298,11 +310,20 @@
         showData: ''
       })
 
-      if (item.selectType == "audio") {
-        this.setData({
-          showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
-        })
-        this.pubulicPlayFun()
+      if (item.selectType == "audio" || item.learnSelectType === "audio") {
+        if (this.data.formPath == 'jsek_cloudLearning') {
+          // 杩欓噷澶勭悊浜戝涔犵殑
+          this.setData({
+            showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + item.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey)
+          })
+          this.pubulicPlayFun()
+
+        } else {
+          this.setData({
+            showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
+          })
+          this.pubulicPlayFun()
+        }
       }
     }
   },
@@ -340,13 +361,12 @@
     // console.log(e.currentTarget.dataset.value);
     this.setData({
       flag: e.currentTarget.dataset.value
-
     })
   },
   // 鏍囬杈撳叆妗嗗��
   inputChange(e) {
     this.setData({
-      titleName: e.detail.value
+      submitTitle: e.detail.value
     })
   },
 
@@ -357,7 +377,7 @@
         title: '璇峰～鍐欑瑪璁板唴瀹�',
       })
 
-    } else if (!this.data.titleName) {
+    } else if (!this.data.submitTitle) {
       return wx.showToast({
         icon: 'error',
         title: '璇峰～鍐欑瑪璁版爣棰�',
@@ -373,6 +393,9 @@
     this.setData({
       dialogKey: false
     });
+
+    this.getNoteList()
+
   },
   onTextarea() {
     // console.log(this.data.textvalue);
@@ -436,9 +459,12 @@
       submitType: "edit",
       textvalue: note.content,
       submitTitle: note.name,
-      noteId: note.id
+
+      noteId: note.id,
+      dialogKey: true,
     })
-    this.showDialog()
+    console.log(this.data.submitTitle);
+    // this.showDialog()
   },
 
   // 鍒犻櫎绗旇
@@ -564,7 +590,11 @@
     // console.log(myAudio.src);
     // 鍦╫nCanplay閲岃幏鍙栧苟璁剧疆闊抽鏃堕暱鍜屾挱鏀捐繘搴�
     myAudio.onCanplay(() => {
-      myAudio.duration; //蹇呴』鍐欙紝涓嶇劧鑾峰彇涓嶅埌銆傘�傘��
+      myAudio.duration; //蹇呴』鍐欙紝涓嶇劧鑾峰彇涓嶅埌
+      this.setData({
+        myAudioDuration: this.format(myAudio.duration),
+      })
+
       setTimeout(() => {
         this.setData({
           myAudioDuration: this.format(myAudio.duration),
@@ -573,12 +603,6 @@
       }, 100);
     });
 
-    // myAudio.onSeeked(() => {
-    //   this.setData({
-    //     myAudioDuration: this.format(myAudio.duration),
-    //     myAudioCurrent: this.format(myAudio.currentTime)
-    //   })
-    // })
     // 鎾斁瀹屾垚澶勭悊锛屾寜閽彉涓�涓�
     myAudio.onEnded((res) => {
       this.setData({
@@ -589,11 +613,15 @@
 
     //杩涘害鏉″彉鍖�   
     myAudio.onTimeUpdate(() => {
+      console.log(this.format(myAudio.duration));
       this.setData({
         myAudioPos: myAudio.currentTime / myAudio.duration * 100,
-        myAudioCurrent: this.format(myAudio.currentTime)
+        myAudioCurrent: this.format(myAudio.currentTime),
+        myAudioDuration: this.format(myAudio.duration),
       });
     })
+
+    myAudio.play();
   },
 
 
@@ -602,7 +630,7 @@
     myAudio.startTime = this.data.myAudioCurrent; //鑰冭檻鍒拌繘搴︽潯琚嫋鍔紝涓嶄竴瀹氫粠00:00:00寮�濮�
     myAudio.play();
     this.setData({
-      isplay: true
+      isplay: false
     });
   },
 
@@ -610,15 +638,10 @@
   stop() {
     myAudio.pause();
     this.setData({
-      isplay: false
+      isplay: true
     });
   },
-  adsfhaewlf() {
-    myAudio.pause();
-    this.setData({
-      isplay: false
-    });
-  },
+
 
   //鍙冲垏鎹�
   onLeftSwitch() {
@@ -648,7 +671,6 @@
       this.changeItem(this.data.threeLeveData[index + 1])
       this.setData({
         selectedId: index + 1,
-
       })
     } else {
       console.log('宸茬粡鏄渶鍚庝竴棣栦簡');
@@ -668,7 +690,6 @@
       titleName: item.name,
       selectId: item.id
     })
-
     if (item.selectType == "audio") {
       this.setData({
         showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
diff --git a/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxml b/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxml
new file mode 100644
index 0000000..49965a6
--- /dev/null
+++ b/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxml
@@ -0,0 +1,236 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:21:15
+浣跨敤鏂规硶锛�
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myAudio\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myAudio\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view style="width: 100%; height: 44px; "></view>
+    <view class="nacigationBar" style="width: 70%; height: 40px;">
+      <view>
+        <view class="t-icon icon--t-icon  " style="font-size: 30px;">
+          <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+        </view>
+      </view>
+      <view class="navbar-title sk-transparent sk-text-14-2857-758 sk-text">璧勬簮璇︽儏-闊抽</view>
+    </view>
+    <view class="audioPlayerBox">
+      <view class="audioBackground sk-image" style="background-image: url('http://182.92.203.7:3007/jsek/website/image/video-bg.png');">
+        <image class="sk-image"></image>
+      </view>
+      <view class="bigFunctionBox">
+        <view class="functionBox">
+          <view class="audioIconBox color" style="margin-left: 15px; margin-right: 5px">
+            <view class="pauseCircleBox">
+              <image mode="true" class="sk-image"></image>
+            </view>
+          </view>
+          <slider active-color="#EFEFEF" block-size="16" class="mp-slider-bar" style="width: 150px" value="0" background-color="#EFEFEF" block-color="#EFEFEF"></slider>
+          <view class="current-time color sk-transparent sk-text-14-2857-605 sk-text">00:00 </view>
+          <view class="color sk-transparent sk-opacity" style="margin: 0 5px">/</view>
+          <view class="duration-time color sk-transparent sk-text-14-2857-466 sk-text"> 01:37 </view>
+          <view class="publicBtn color">
+            <view class="publicText">
+              <view class="sk-transparent sk-text-14-2857-564 sk-text"> x 1 </view>
+              <view class="t-icon icon--t-icon  " style="font-size: 14px; margin-top: 5px;">
+                <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="titleBox sk-transparent sk-text-14-2857-445 sk-text">01 鍏抽泿-闊抽鏈夎瘯璇�</view>
+    <view class="contentBox">
+      <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
+        <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
+          <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
+            <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
+              <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
+                <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
+                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active  " data-index="0">
+                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-866 sk-text">璧勬簮鍒楄〃</view>
+                  </view>
+                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
+                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-124 sk-text">绗旇</view>
+                  </view>
+                  <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(49px); transform: translateX(49px);"></view>
+                </view>
+              </scroll-view>
+            </view>
+          </view>
+        </view>
+        <view class="t-tabs__content tabs--t-tabs__content">
+          <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
+            <view class="  t-tab-panel tab-panel--t-tab-panel t-is-active tab-panel--t-is-active" style="width:375px" id="b750580a--t_tabs_3_panel_0">
+              <view class="wrapper">
+                <view class="  t-collapse collapse--t-collapse t-collapse--default collapse--t-collapse--default" style="true">
+                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
+                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
+                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom panel--t-collapse-panel__header--expanded t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                        <view class="t-cell__left cell--t-cell__left "></view>
+                        <view class="t-cell__title cell--t-cell__title ">
+                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title sk-transparent sk-text-16-6667-282 sk-text"> 绗竴鑺� </view>
+                          <view class="t-cell__description cell--t-cell__description "></view>
+                        </view>
+                        <view class="t-cell__right cell--t-cell__right ">
+                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
+                            <label class="t-icon-chevron-up icon--t-icon-chevron-up t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
+                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
+                        <view class="detailsName" data-index="0" data-item="[object Object]">
+                          <view style="color: #ff6c00" class="sk-transparent sk-text-16-6667-12 sk-text">01 鍏抽泿-闊抽鏈夎瘯璇�</view>
+                        </view>
+                        <view class="detailsName" data-index="1" data-item="[object Object]">
+                          <view style="color: #000" class="sk-transparent sk-text-16-6667-536 sk-text">02 钂硅懎-鏃犺瘯璇�</view>
+                        </view>
+                        <view class="detailsName" data-index="2" data-item="[object Object]">
+                          <view style="color: #000" class="sk-transparent sk-text-16-6667-460 sk-text">03 鍗佷簲浠庡啗寰�-闊抽鏃犺瘯璇�</view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+            <view class="  t-tab-panel tab-panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="6a40d211--t_tabs_3_panel_1">
+              <view class="wrapper">
+                <view class="  t-collapse collapse--t-collapse t-collapse--default collapse--t-collapse--default" style="true">
+                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
+                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
+                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                        <view class="t-cell__left cell--t-cell__left "></view>
+                        <view class="t-cell__title cell--t-cell__title ">
+                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
+                            <view class="collapse-header">
+                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="cc73c6df--image" mode="scaleToFill" style="true"></image>
+                              <view class="header-name sk-transparent sk-text-16-6667-523 sk-text">01 鍏抽泿-闊抽鏈夎瘯璇�</view>
+                            </view>
+                          </view>
+                          <view class="t-cell__description cell--t-cell__description "></view>
+                        </view>
+                        <view class="t-cell__right cell--t-cell__right ">
+                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
+                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
+                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
+                        <view>
+                          <view class="note-content sk-transparent sk-text-16-6667-302 sk-text">绫冲浗</view>
+                          <view class="note-bottom">
+                            <view class="note-time sk-transparent sk-text-16-6667-998 sk-text">2024-04-10 15:49:49</view>
+                            <view class="bottom-btn">
+                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="7681eb70--image" mode="scaleToFill" style="true"></image>
+                              <view></view>
+                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9faa9196--image" mode="scaleToFill" style="true"></image>
+                            </view>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
+                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
+                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                        <view class="t-cell__left cell--t-cell__left "></view>
+                        <view class="t-cell__title cell--t-cell__title ">
+                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
+                            <view class="collapse-header">
+                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="61e00449--image" mode="scaleToFill" style="true"></image>
+                              <view class="header-name sk-transparent sk-text-16-6667-444 sk-text">01 鍏抽泿-闊抽鏈夎瘯璇�</view>
+                            </view>
+                          </view>
+                          <view class="t-cell__description cell--t-cell__description "></view>
+                        </view>
+                        <view class="t-cell__right cell--t-cell__right ">
+                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
+                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
+                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
+                        <view>
+                          <view class="note-content sk-transparent sk-text-16-6667-994 sk-text">sadsad</view>
+                          <view class="note-bottom">
+                            <view class="note-time sk-transparent sk-text-16-6667-940 sk-text">2024-04-09 17:29:22</view>
+                            <view class="bottom-btn">
+                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="65f89d5b--image" mode="scaleToFill" style="true"></image>
+                              <view></view>
+                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="5cbdf092--image" mode="scaleToFill" style="true"></image>
+                            </view>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
+                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
+                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                        <view class="t-cell__left cell--t-cell__left "></view>
+                        <view class="t-cell__title cell--t-cell__title ">
+                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
+                            <view class="collapse-header">
+                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="12cd990a--image" mode="scaleToFill" style="true"></image>
+                              <view class="header-name sk-transparent sk-text-16-6667-685 sk-text">01 鍏抽泿-闊抽鏈夎瘯璇�</view>
+                            </view>
+                          </view>
+                          <view class="t-cell__description cell--t-cell__description "></view>
+                        </view>
+                        <view class="t-cell__right cell--t-cell__right ">
+                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
+                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
+                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
+                        <view>
+                          <view class="note-content sk-transparent sk-text-16-6667-575 sk-text">鏂囨槑灏�</view>
+                          <view class="note-bottom">
+                            <view class="note-time sk-transparent sk-text-16-6667-139 sk-text">2024-04-08 11:24:02</view>
+                            <view class="bottom-btn">
+                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="6c6d11fb--image" mode="scaleToFill" style="true"></image>
+                              <view></view>
+                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="29fcdf95--image" mode="scaleToFill" style="true"></image>
+                            </view>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="takeNotes" data-key="showCloseBtn">
+        <view class="takeNotesLining sk-transparent">
+          <image mode="true" class="sk-image"></image> 璁扮瑪璁�
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxss b/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxss
new file mode 100644
index 0000000..2a30910
--- /dev/null
+++ b/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxss
@@ -0,0 +1,153 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:21:15
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myAudio\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-758 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 56.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-14-2857-605 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-opacity {
+    opacity: 0 !important;
+  }
+.sk-text-14-2857-466 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-564 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-445 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-866 {
+    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-124 {
+    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-16-6667-282 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-12 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-536 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-460 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-523 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-302 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-998 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-444 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-994 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-940 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-685 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-575 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-139 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-button {
+    color: #EFEFEF !important;
+    background: #EFEFEF !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }
diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxml b/packageDomain/pages/resourceDetails/myAudio/index.wxml
index e910350..e30472d 100644
--- a/packageDomain/pages/resourceDetails/myAudio/index.wxml
+++ b/packageDomain/pages/resourceDetails/myAudio/index.wxml
@@ -1,139 +1,145 @@
-<view style="width: 100%; height: {{barHeight}}px; "></view>
-<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
-  <view>
-    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
-  </view>
-  <view class="navbar-title">璧勬簮璇︽儏-闊抽</view>
-</view>
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
 
-<view class="audioPlayerBox">
-  <view class="audioBackground" style="background-image: url('http://182.92.203.7:3007/jsek/website/image/video-bg.png');">
-    <image src="/static/images/resourceDetailsMyAudio/cd.png" alt="" />
+
+<view wx:if="{{!hidden}}">
+  <view style="width: 100%; height: {{barHeight}}px; "></view>
+  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
+    <view>
+      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
+    </view>
+    <view class="navbar-title">璧勬簮璇︽儏-闊抽</view>
   </view>
-  <!-- 瑙嗛鎾斁鐨勬寜閽� -->
-  <view class="bigFunctionBox">
-    <view class="functionBox">
-      <!-- 宸﹀垏鎹� -->
-      <!-- <view class="leftSwitchBox  color" bind:tap="onLeftSwitch">
+
+  <view class="audioPlayerBox">
+    <view class="audioBackground" style="background-image: url('http://182.92.203.7:3007/jsek/website/image/video-bg.png');">
+      <image src="/static/images/resourceDetailsMyAudio/cd.png" alt="" />
+    </view>
+    <!-- 瑙嗛鎾斁鐨勬寜閽� -->
+    <view class="bigFunctionBox">
+      <view class="functionBox">
+        <!-- 宸﹀垏鎹� -->
+        <!-- <view class="leftSwitchBox  color" bind:tap="onLeftSwitch">
         <t-icon name="previous" size="24" />
       </view> -->
 
-      <!-- 鏆傚仠鎾斁 -->
-      <view class="audioIconBox color" style="margin-left: 30rpx; margin-right: 10rpx">
-        <view wx:if="{{!isplay}}" bind:tap="play" class="pauseCircleBox">
-          <!-- <t-icon name="play-circle-stroke" size="24" /> -->
-          <image src="/static/images/resourceDetailsMyAudio/play@2x.png" mode="" />
+        <!-- 鏆傚仠鎾斁 -->
+        <view class="audioIconBox color" style="margin-left: 30rpx; margin-right: 10rpx">
+          <view wx:if="{{isplay}}" bind:tap="play" class="pauseCircleBox">
+            <!-- <t-icon name="play-circle-stroke" size="24" /> -->
+            <image src="/static/images/resourceDetailsMyAudio/play@2x.png" mode="" />
+          </view>
+          <view wx:if="{{!isplay}}" bind:tap="stop" class="pauseCircleBox">
+            <!-- <t-icon name="pause-circle-stroke" size="24" /> -->
+            <image src="/static/images/resourceDetailsMyAudio/zanting@2x.png" mode="" />
+          </view>
         </view>
-        <view wx:else bind:tap="stop" class="pauseCircleBox">
-          <!-- <t-icon name="pause-circle-stroke" size="24" /> -->
-          <image src="/static/images/resourceDetailsMyAudio/zanting@2x.png" mode="" />
-        </view>
-      </view>
-      <slider style="width: 300rpx" activeColor="#FF6C00" class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>
-      <!-- 鍙冲垏鎹� -->
-      <!-- <view class="rightSwitchBox color" bind:tap="onRightSwitch">
+        <slider style="width: 300rpx" activeColor="#FF6C00" class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>
+        <!-- 鍙冲垏鎹� -->
+        <!-- <view class="rightSwitchBox color" bind:tap="onRightSwitch">
         <t-icon name="next" size="24" />
       </view> -->
 
-      <!-- 鏃堕棿 -->
-      <view class="current-time color">{{myAudioCurrent}} </view>
-      <view class="color" style="margin: 0 10rpx">/</view>
-      <view class="duration-time color"> {{myAudioDuration}} </view>
+        <!-- 鏃堕棿 -->
+        <view class="current-time color">{{myAudioCurrent}} </view>
+        <view class="color" style="margin: 0 10rpx">/</view>
+        <view class="duration-time color"> {{myAudioDuration}} </view>
 
-      <!-- bind:tap="onSpeed" -->
-      <view class="publicBtn color">
-        <view class="publicText" bind:tap="toggleDropdown">
-          <view> {{"x "+speed}} </view>
-          <t-icon style="margin-top: 10rpx" wx:if="{{showDropdown}}" name="caret-up-small" size="14" bind:click="onIconTap" />
-          <t-icon style="margin-top: 10rpx" wx:else name="caret-down-small" size="14" bind:click="onIconTap" />
-        </view>
-        <view class="multipleBox" wx:if="{{showDropdown}}">
-          <view wx:if="{{speed != 0.5}}" style="margin: 5rpx 0" bind:tap="smallSpeed">x0.5</view>
-          <view wx:if="{{speed != 1}}" style="margin: 5rpx 0" bind:tap="smallSpeeDmultiple">x1</view>
-          <view wx:if="{{speed != 1.5}}" style="margin: 5rpx 0" bind:tap="centreSpeed">x1.5</view>
-          <view wx:if="{{speed != 2}}" style="margin: 5rpx 0" bind:tap="bigSpeed">x2</view>
+        <!-- bind:tap="onSpeed" -->
+        <view class="publicBtn color">
+          <view class="publicText" bind:tap="toggleDropdown">
+            <view> {{"x "+speed}} </view>
+            <t-icon style="margin-top: 10rpx" wx:if="{{showDropdown}}" name="caret-up-small" size="14" bind:click="onIconTap" />
+            <t-icon style="margin-top: 10rpx" wx:else name="caret-down-small" size="14" bind:click="onIconTap" />
+          </view>
+          <view class="multipleBox" wx:if="{{showDropdown}}">
+            <view wx:if="{{speed != 0.5}}" style="margin: 5rpx 0" bind:tap="smallSpeed">x0.5</view>
+            <view wx:if="{{speed != 1}}" style="margin: 5rpx 0" bind:tap="smallSpeeDmultiple">x1</view>
+            <view wx:if="{{speed != 1.5}}" style="margin: 5rpx 0" bind:tap="centreSpeed">x1.5</view>
+            <view wx:if="{{speed != 2}}" style="margin: 5rpx 0" bind:tap="bigSpeed">x2</view>
+          </view>
         </view>
       </view>
     </view>
   </view>
-</view>
 
-<!-- 鏍囬 -->
-<view class="titleBox">{{titleName}}</view>
-<view class="contentBox">
-  <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
-    <!-- 璧勬簮鍒楄〃 -->
-    <t-tab-panel label="璧勬簮鍒楄〃" value="0" style="{{tabPanelstyle}}" style="width: 750rpx">
-      <view class="wrapper">
-        <t-collapse value="{{activeValues}}" bind:change="handleChange">
-          <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon>
-            <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}">
-              <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view>
+  <!-- 鏍囬 -->
+  <view class="titleBox">{{titleName}}</view>
+  <view class="contentBox">
+    <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
+      <!-- 璧勬簮鍒楄〃 -->
+      <t-tab-panel label="璧勬簮鍒楄〃" value="0" style="{{tabPanelstyle}}" style="width: 750rpx">
+        <view class="wrapper">
+          <t-collapse value="{{activeValues}}" bind:change="handleChange">
+            <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon>
+              <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}">
+                <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view>
+              </view>
+            </t-collapse-panel>
+          </t-collapse>
+        </view>
+      </t-tab-panel>
+      <!-- 绗旇灞曠ず -->
+      <t-tab-panel label="绗旇" value="1" style="{{tabPanelstyle}}">
+        <view class="wrapper">
+          <t-collapse value="{{activeValues}}" bind:change="handleChange">
+            <view wx:if="{{noteList.length == 0}}" class="noData">
+              <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
             </view>
-          </t-collapse-panel>
-        </t-collapse>
-      </view>
-    </t-tab-panel>
-    <!-- 绗旇灞曠ず -->
-    <t-tab-panel label="绗旇" value="1" style="{{tabPanelstyle}}">
-      <view class="wrapper">
-        <t-collapse value="{{activeValues}}" bind:change="handleChange">
-          <view wx:if="{{noteList.length == 0}}" class="noData">
-            <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
-          </view>
 
-          <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
-            <view slot="header" class="collapse-header">
-              <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
-              <view class="header-name">{{titleName}}</view>
-            </view>
-            <view>
-              <view class="note-content">{{item.content}}</view>
-              <view class="note-bottom">
-                <view class="note-time">{{item.createDate}}</view>
-                <view class="bottom-btn">
-                  <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
-                  <view></view>
-                  <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
+            <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
+              <view slot="header" class="collapse-header">
+                <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
+                <view class="header-name">{{item.name}}</view>
+              </view>
+              <view>
+                <view class="note-content">{{item.content}}</view>
+                <view class="note-bottom">
+                  <view class="note-time">{{item.createDate}}</view>
+                  <view class="bottom-btn">
+                    <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
+                    <view></view>
+                    <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
+                  </view>
                 </view>
               </view>
-            </view>
-          </t-collapse-panel>
-        </t-collapse>
-      </view>
-    </t-tab-panel>
-  </t-tabs>
+            </t-collapse-panel>
+          </t-collapse>
+        </view>
+      </t-tab-panel>
+    </t-tabs>
 
-  <!-- 璁扮瑪璁� -->
-  <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
-    <view class="takeNotesLining">
-      <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 璁扮瑪璁�
-    </view>
-  </view>
-</view>
-
-<!-- 璁扮瑪璁板脊绐� -->
-<t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
-  <view class="popup">
-    <view slot="title">
-      <view class="title-text" wx:if="{{!flag}}">
-        <text class="note-title">{{titleName}}</text>
-        <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
-      </view>
-      <view wx:else>
-        <t-input value="{{titleName}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>
-      </view>
-    </view>
-    <view slot="content">
-      <view class="textarea-example">
-        <text class="textarea-example__label">鍐呭:</text>
-        <t-textarea value="{{textvalue}}" t-class="external-class" placeholder="璇疯緭鍏ユ枃瀛�" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
-      </view>
-
-      <view class="submit-btn">
-        <t-button theme="primary" size="large" block bind:tap="confirmSuggest">鎻愪氦</t-button>
+    <!-- 璁扮瑪璁� -->
+    <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
+      <view class="takeNotesLining">
+        <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 璁扮瑪璁�
       </view>
     </view>
   </view>
-  <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
-</t-popup>
\ No newline at end of file
+
+  <!-- 璁扮瑪璁板脊绐� -->
+  <t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
+    <view class="popup">
+      <view slot="title">
+        <view class="title-text" wx:if="{{!flag}}">
+          <text class="note-title">{{submitTitle}}</text>
+          <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
+        </view>
+        <view wx:else>
+          <t-input value="{{submitTitle}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>
+        </view>
+      </view>
+      <view slot="content">
+        <view class="textarea-example">
+          <text class="textarea-example__label">鍐呭:</text>
+          <t-textarea value="{{textvalue}}" t-class="external-class" placeholder="璇疯緭鍏ユ枃瀛�" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
+        </view>
+
+        <view class="submit-btn">
+          <t-button theme="primary" size="large" block bind:tap="confirmSuggest">鎻愪氦</t-button>
+        </view>
+      </view>
+    </view>
+    <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
+  </t-popup>
+</view>
\ No newline at end of file
diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxss b/packageDomain/pages/resourceDetails/myAudio/index.wxss
index 965bb4b..602538d 100644
--- a/packageDomain/pages/resourceDetails/myAudio/index.wxss
+++ b/packageDomain/pages/resourceDetails/myAudio/index.wxss
@@ -1,4 +1,6 @@
 /* pages/resourceDetails/index.wxss */
+@import "./index.skeleton.wxss";
+
 .nacigationBar {
   background-color: #fff;
   display: flex;
diff --git a/packageDomain/pages/resourceDetails/myVideo/index.js b/packageDomain/pages/resourceDetails/myVideo/index.js
index b5d46e4..695ebd3 100644
--- a/packageDomain/pages/resourceDetails/myVideo/index.js
+++ b/packageDomain/pages/resourceDetails/myVideo/index.js
@@ -10,7 +10,7 @@
     noteList: [],
     navBarHeight: '',
     barHeight: '',
-    flag: true, // 杈撳叆妗嗘槸鍚︽樉绀�
+    flag: false, // 杈撳叆妗嗘槸鍚︽樉绀�
     tabPanelstyle: 'display:flex;justify-content:center;align-items:center;',
     activeValues: [0],
     dialogKey: false,
@@ -37,7 +37,10 @@
 
     videoChange: true,
     startTime: "", //杩涘叆椤甸潰褰撳墠鏃堕棿
-    pauseTime: 0 //鏆傚仠鏃堕棿
+    pauseTime: 0, //鏆傚仠鏃堕棿
+    formPath: '',
+    loading: true,
+    hidden: true
   },
   // 鏍煎紡鍖栫瑪璁版椂闂�
   convertTimestamp(timestamp) {
@@ -70,6 +73,7 @@
       parentName: options.parentName,
       parentProductLinkPath: options.parentProductLinkPath,
       productLinkPath: options.productLinkPath,
+      formPath: options.formPath,
       flag: false
     })
     console.log(options, 'options');
@@ -177,14 +181,12 @@
     this.setData({
       submitTitle: this.data.bookName,
       dialogKey: true,
-      // textvalue: ''
+      textvalue: ''
 
 
     });
   },
-
   closeDialog() {
-
     this.setData({
       dialogKey: false,
       textvalue: '',
@@ -219,27 +221,28 @@
         size: 999
       }
     }
-
     app.MG.store.getProductDetail(query).then(res => {
       res.datas.cmsDatas[0].datas.forEach((item) => {
-        if (item.selectType === "video") {
+        console.log(item);
+        if (item.selectType === "video" || item.learnSelectType === "video") {
           this.data.threeLeveData.push(item)
           this.setData({
             threeLeveData: this.data.threeLeveData
           })
-
           this.data.threeLeveData.forEach((items, index) => { // 淇敼姝ゅ娣诲姞index鍙傛暟
             if (this.data.productLinkPath == items.productLinkPath) {
-              if (!items.file) {
-                console.log(1111);
+              if (this.data.formPath === "jsek_cloudLearning") {
+                console.log(items);
+                this.setData({
+                  showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + items.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey),
+                  titleName: items.name
+                })
+              } else {
+                this.setData({
+                  showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file,
+                  titleName: items.name
+                })
               }
-
-
-              this.setData({
-                showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file,
-                titleName: items.name
-              })
-
               console.log(index, 'index');
               let selectedIndex = index; // 瀛樺偍閫変腑椤圭殑绱㈠紩
               this.setData({
@@ -248,11 +251,13 @@
             }
           });
         }
-
-
       })
       this.data.threeLeveData.forEach((item) => {
         console.log(item.name);
+      })
+      this.setData({
+        loading: false,
+        hidden: false
       })
     })
   },
@@ -271,14 +276,23 @@
       titleName: item.name
     })
 
-    if (item.selectType == "video") {
+    if (item.selectType == "video" || item.learnSelectType === "video") {
 
       // if (!item.file) {
       //   console.log(1111);
       // }
-      this.setData({
-        showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
-      })
+
+      if (this.data.formPath === "jsek_cloudLearning") {
+
+        this.setData({
+          showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + item.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey)
+        })
+      } else {
+        this.setData({
+          showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
+        })
+      }
+
       console.log(this.data.showData, 'item.file');
 
     }
@@ -416,9 +430,12 @@
       submitType: "edit",
       textvalue: note.content,
       submitTitle: note.name,
-      noteId: note.id
+
+      noteId: note.id,
+      dialogKey: true,
     })
-    this.showDialog()
+    console.log(this.data.submitTitle);
+    // this.showDialog()
   },
 
   // 鍒犻櫎绗旇
@@ -502,7 +519,7 @@
       return wx.getUserProfile({
         desc: '鐢ㄦ埛鐧诲綍',
         success: (res) => {
-          console.log(res);
+          // console.log(res);
         }
       })
     }
diff --git a/packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxml b/packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxml
new file mode 100644
index 0000000..6dc4be6
--- /dev/null
+++ b/packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxml
@@ -0,0 +1,213 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:39:42
+浣跨敤鏂规硶锛�
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myVideo\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myVideo\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view style="width: 100%; height: 44px; "></view>
+    <view class="nacigationBar" style="width: 70%; height: 40px;">
+      <view>
+        <view class="t-icon icon--t-icon  " style="font-size: 30px;">
+          <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+        </view>
+      </view>
+      <view class="navbar-title sk-transparent sk-text-14-2857-124 sk-text">璧勬簮璇︽儏-瑙嗛</view>
+    </view>
+    <view class="videoBox">
+      <view controls="true" enable-auto-rotation="true" enable-play-gesture="true" object-fit="fill" play-btn-position="center" src="http://182.92.203.7:3001/file/api/ApiDownload?md5=fb8ab1d18a75ffaf4bde4e47280f7c0b" unit-id="true" show-fullscreen-btn="true" class="sk-transparent sk-text--Infinity-550 sk-text sk-image">37:47</view>
+    </view>
+    <view class="titleBox sk-transparent sk-text-14-2857-20 sk-text">涓�銆侀亾寰蜂笌鍝佸痉鐨勫叧绯�-鏈夎瘯鐪�</view>
+    <view class="contentBox">
+      <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
+        <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
+          <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
+            <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
+              <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
+                <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
+                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active  " data-index="0">
+                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-701 sk-text">璧勬簮鍒楄〃</view>
+                  </view>
+                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
+                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-250 sk-text">绗旇</view>
+                  </view>
+                  <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(49px); transform: translateX(49px);"></view>
+                </view>
+              </scroll-view>
+            </view>
+          </view>
+        </view>
+        <view class="t-tabs__content tabs--t-tabs__content">
+          <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
+            <view class="  t-tab-panel tab-panel--t-tab-panel t-is-active tab-panel--t-is-active" style="width: 375px;" id="8dd02aa9--t_tabs_4_panel_0">
+              <view class="wrapper">
+                <view class="  t-collapse collapse--t-collapse t-collapse--default collapse--t-collapse--default" style="true">
+                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
+                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
+                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom panel--t-collapse-panel__header--expanded t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                        <view class="t-cell__left cell--t-cell__left "></view>
+                        <view class="t-cell__title cell--t-cell__title ">
+                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title sk-transparent sk-text-16-6667-511 sk-text"> 绗竴鑺� </view>
+                          <view class="t-cell__description cell--t-cell__description "></view>
+                        </view>
+                        <view class="t-cell__right cell--t-cell__right ">
+                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
+                            <label class="t-icon-chevron-up icon--t-icon-chevron-up t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper" style=";transition:0ms ease-in-out 0ms;transform:;transition-property:transform,height,top;transform-origin:50% 50% 0;-webkit-transition:0ms ease-in-out 0ms;-webkit-transform:;-webkit-transition-property:transform,height,top;-webkit-transform-origin:50% 50% 0;height:auto;top:0px">
+                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
+                        <view class="detailsName" data-index="0" data-item="[object Object]">
+                          <view style="color: #ff6c00" class="sk-transparent sk-text-16-6667-447 sk-text">涓�銆侀亾寰蜂笌鍝佸痉鐨勫叧绯�-鏈夎瘯鐪�</view>
+                        </view>
+                        <view class="detailsName" data-index="1" data-item="[object Object]">
+                          <view style="color: #000" class="sk-transparent sk-text-16-6667-527 sk-text">浜屻�侀噸瑙嗗痉鑲茬悊璁� 淇冭繘涓皬瀛︾敓鍝佸痉鐨勫彂灞�-鏃犺瘯鐪�</view>
+                        </view>
+                        <view class="detailsName" data-index="2" data-item="[object Object]">
+                          <view style="color: #000" class="sk-transparent sk-text-16-6667-291 sk-text">涓夈�佹暀甯堟槸瀛︽牎寰疯偛鐨勪富鍔涘啗</view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+            <view class="  t-tab-panel tab-panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="32db8407--t_tabs_4_panel_1">
+              <view class="wrapper">
+                <view class="  t-collapse collapse--t-collapse t-collapse--default collapse--t-collapse--default" style="true">
+                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
+                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
+                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                        <view class="t-cell__left cell--t-cell__left "></view>
+                        <view class="t-cell__title cell--t-cell__title ">
+                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
+                            <view class="collapse-header">
+                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="ebd0dd1d--image" mode="scaleToFill" style="true"></image>
+                              <view class="header-name sk-transparent sk-text-16-6667-849 sk-text">涓�銆侀亾寰蜂笌鍝佸痉鐨勫叧绯�-鏈夎瘯鐪�</view>
+                            </view>
+                          </view>
+                          <view class="t-cell__description cell--t-cell__description "></view>
+                        </view>
+                        <view class="t-cell__right cell--t-cell__right ">
+                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
+                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
+                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
+                        <view>
+                          <view class="note-content sk-transparent sk-text-16-6667-129 sk-text">绫冲浗</view>
+                          <view class="note-bottom">
+                            <view class="note-time sk-transparent sk-text-16-6667-518 sk-text">2024-04-10 15:49:49</view>
+                            <view class="bottom-btn">
+                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="f874cd40--image" mode="scaleToFill" style="true"></image>
+                              <view></view>
+                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="fade9893--image" mode="scaleToFill" style="true"></image>
+                            </view>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
+                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
+                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                        <view class="t-cell__left cell--t-cell__left "></view>
+                        <view class="t-cell__title cell--t-cell__title ">
+                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
+                            <view class="collapse-header">
+                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="c1a1821e--image" mode="scaleToFill" style="true"></image>
+                              <view class="header-name sk-transparent sk-text-16-6667-814 sk-text">涓�銆侀亾寰蜂笌鍝佸痉鐨勫叧绯�-鏈夎瘯鐪�</view>
+                            </view>
+                          </view>
+                          <view class="t-cell__description cell--t-cell__description "></view>
+                        </view>
+                        <view class="t-cell__right cell--t-cell__right ">
+                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
+                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
+                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
+                        <view>
+                          <view class="note-content sk-transparent sk-text-16-6667-761 sk-text">sadsad</view>
+                          <view class="note-bottom">
+                            <view class="note-time sk-transparent sk-text-16-6667-226 sk-text">2024-04-09 17:29:22</view>
+                            <view class="bottom-btn">
+                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="69b62741--image" mode="scaleToFill" style="true"></image>
+                              <view></view>
+                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="4ac9b04c--image" mode="scaleToFill" style="true"></image>
+                            </view>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
+                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
+                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                        <view class="t-cell__left cell--t-cell__left "></view>
+                        <view class="t-cell__title cell--t-cell__title ">
+                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
+                            <view class="collapse-header">
+                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="3a1b9843--image" mode="scaleToFill" style="true"></image>
+                              <view class="header-name sk-transparent sk-text-16-6667-819 sk-text">涓�銆侀亾寰蜂笌鍝佸痉鐨勫叧绯�-鏈夎瘯鐪�</view>
+                            </view>
+                          </view>
+                          <view class="t-cell__description cell--t-cell__description "></view>
+                        </view>
+                        <view class="t-cell__right cell--t-cell__right ">
+                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
+                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
+                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
+                        <view>
+                          <view class="note-content sk-transparent sk-text-16-6667-784 sk-text">鏂囨槑灏�</view>
+                          <view class="note-bottom">
+                            <view class="note-time sk-transparent sk-text-16-6667-869 sk-text">2024-04-08 11:24:02</view>
+                            <view class="bottom-btn">
+                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="7e859dc7--image" mode="scaleToFill" style="true"></image>
+                              <view></view>
+                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9b3ed7bb--image" mode="scaleToFill" style="true"></image>
+                            </view>
+                          </view>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="takeNotes" data-key="showCloseBtn">
+        <view class="takeNotesLining sk-transparent">
+          <image mode="true" class="sk-image"></image> 璁扮瑪璁�
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxss b/packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxss
new file mode 100644
index 0000000..1cc2f1d
--- /dev/null
+++ b/packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxss
@@ -0,0 +1,140 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:39:42
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myVideo\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-124 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 56.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--Infinity-550 {
+    background-image: linear-gradient(transparent -Infinity%, #EEEEEE 0%, #EEEEEE NaN%, transparent 0%) !important;
+    background-size: 100% 0.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-20 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-701 {
+    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-250 {
+    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-16-6667-511 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-447 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-527 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-291 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-849 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-129 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-518 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-814 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-761 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-226 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-819 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-784 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text-16-6667-869 {
+    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-button {
+    color: #EFEFEF !important;
+    background: #EFEFEF !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }
diff --git a/packageDomain/pages/resourceDetails/myVideo/index.wxml b/packageDomain/pages/resourceDetails/myVideo/index.wxml
index 619fc9d..0afcef6 100644
--- a/packageDomain/pages/resourceDetails/myVideo/index.wxml
+++ b/packageDomain/pages/resourceDetails/myVideo/index.wxml
@@ -1,109 +1,116 @@
-<view style="width: 100%; height: {{barHeight}}px; "></view>
-<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
-  <view>
-    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
+
+<view hidden="{{hidden}}">
+
+  <view style="width: 100%; height: {{barHeight}}px; "></view>
+  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
+    <view>
+      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
+    </view>
+    <view class="navbar-title">璧勬簮璇︽儏-瑙嗛</view>
   </view>
-  <view class="navbar-title">璧勬簮璇︽儏-瑙嗛</view>
-</view>
-<!-- 瑙嗛  -->
-<view class="videoBox" wx:if="{{videoChange}}">
-  <!-- autoplay='false' 鏄惁鑷姩鎾斁 -->
-  <video binderror="videoErrorCallback" src="{{showData}}" play-btn-position='center' object-fit='fill' controls enable-play-gesture enable-auto-rotation></video>
+  <!-- 瑙嗛  -->
+  <view class="videoBox" wx:if="{{videoChange}}">
+    <!-- autoplay='false' 鏄惁鑷姩鎾斁 -->
+    <video binderror="videoErrorCallback" src="{{showData}}" play-btn-position='center' object-fit='fill' controls enable-play-gesture enable-auto-rotation></video>
 
-</view>
+  </view>
 
-<view wx:if="{{!videoChange}}" class="videoSubsidiaryBox">
+  <view wx:if="{{!videoChange}}" class="videoSubsidiaryBox">
 
-  <view class="videoNoData">鏆傛棤鏁版嵁</view>
+    <view class="videoNoData">鏆傛棤鏁版嵁</view>
 
-</view>
+  </view>
 
-<!-- 鏍囬 -->
-<view class="titleBox">{{titleName}}</view>
-<view class="contentBox">
-  <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
-    <!-- 璧勬簮鍒楄〃 -->
-    <t-tab-panel label="璧勬簮鍒楄〃" value="0" style="{{tabPanelstyle}}" style="width: 750rpx;">
-      <view class="wrapper">
-        <t-collapse value="{{activeValues}}" bind:change="handleChange">
-          <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon>
-            <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}">
-              <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view>
-            </view>
-          </t-collapse-panel>
-        </t-collapse>
-      </view>
-    </t-tab-panel>
-    <!-- 绗旇灞曠ず -->
-    <t-tab-panel label="绗旇" value="1" style="{{tabPanelstyle}}">
-
-      <view class="wrapper">
-        <view wx:if="{{!noteList.length}}" class="noData">
-          <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
-
+  <!-- 鏍囬 -->
+  <view class="titleBox">{{titleName}}</view>
+  <view class="contentBox">
+    <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
+      <!-- 璧勬簮鍒楄〃 -->
+      <t-tab-panel label="璧勬簮鍒楄〃" value="0" style="{{tabPanelstyle}}" style="width: 750rpx;">
+        <view class="wrapper">
+          <t-collapse value="{{activeValues}}" bind:change="handleChange">
+            <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon>
+              <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}">
+                <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view>
+              </view>
+            </t-collapse-panel>
+          </t-collapse>
         </view>
-        <t-collapse value="{{activeValues}}" bind:change="handleChange">
-          <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
-            <view slot="header" class="collapse-header">
-              <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
-              <view class="header-name">{{titleName}}</view>
-            </view>
-            <view>
-              <view class="note-content">{{item.content}}</view>
-              <view class="note-bottom">
-                <view class="note-time">{{item.createDate}}</view>
-                <view class="bottom-btn">
-                  <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
-                  <view></view>
-                  <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
+      </t-tab-panel>
+      <!-- 绗旇灞曠ず -->
+      <t-tab-panel label="绗旇" value="1" style="{{tabPanelstyle}}">
+
+        <view class="wrapper">
+          <view wx:if="{{!noteList.length}}" class="noData">
+            <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+
+          </view>
+          <t-collapse value="{{activeValues}}" bind:change="handleChange">
+            <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
+              <view slot="header" class="collapse-header">
+                <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
+                <view class="header-name">{{item.name}}</view>
+              </view>
+              <view>
+                <view class="note-content">{{item.content}}</view>
+                <view class="note-bottom">
+                  <view class="note-time">{{item.createDate}}</view>
+                  <view class="bottom-btn">
+                    <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
+                    <view></view>
+                    <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
+                  </view>
                 </view>
               </view>
-            </view>
-          </t-collapse-panel>
-        </t-collapse>
-      </view>
-    </t-tab-panel>
-  </t-tabs>
+            </t-collapse-panel>
+          </t-collapse>
+        </view>
+      </t-tab-panel>
+    </t-tabs>
 
-  <!-- 璁扮瑪璁� -->
-  <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
-    <view class="takeNotesLining">
-      <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 璁扮瑪璁�
+    <!-- 璁扮瑪璁� -->
+    <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
+      <view class="takeNotesLining">
+        <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 璁扮瑪璁�
+      </view>
     </view>
   </view>
-</view>
 
 
-<!-- 璁扮瑪璁板脊绐� -->
-<t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
-  <view class="popup">
-    <view slot="title">
-      <view class="title-text" wx:if="{{!flag}}">
-        <text class="note-title">{{titleName}}</text>
-        <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
+  <!-- 璁扮瑪璁板脊绐� -->
+  <t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
+    <view class="popup">
+      <view slot="title">
+        <view class="title-text" wx:if="{{!flag}}">
+          <text class="note-title">{{titleName}}</text>
+          <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
+        </view>
+        <view wx:else>
+          <t-input value="{{titleName}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>
+        </view>
       </view>
-      <view wx:else>
-        <t-input value="{{titleName}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>
+
+
+
+
+      <view slot='content'>
+        <view class="textarea-example">
+          <text class="textarea-example__label">鍐呭:</text>
+          <t-textarea value="{{textvalue}}" t-class="external-class" placeholder="璇疯緭鍏ユ枃瀛�" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
+        </view>
+
+
+        <view class="submit-btn">
+          <t-button theme="primary" size="large" block bind:tap="confirmSuggest">鎻愪氦</t-button>
+        </view>
       </view>
+
+
+
     </view>
+    <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
+  </t-popup>
 
-
-
-
-    <view slot='content'>
-      <view class="textarea-example">
-        <text class="textarea-example__label">鍐呭:</text>
-        <t-textarea value="{{textvalue}}" t-class="external-class" placeholder="璇疯緭鍏ユ枃瀛�" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
-      </view>
-
-
-      <view class="submit-btn">
-        <t-button theme="primary" size="large" block bind:tap="confirmSuggest">鎻愪氦</t-button>
-      </view>
-    </view>
-
-
-
-  </view>
-  <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
-</t-popup>
\ No newline at end of file
+</view>
\ No newline at end of file
diff --git a/packageDomain/pages/resourceDetails/myVideo/index.wxss b/packageDomain/pages/resourceDetails/myVideo/index.wxss
index 36c044e..2124127 100644
--- a/packageDomain/pages/resourceDetails/myVideo/index.wxss
+++ b/packageDomain/pages/resourceDetails/myVideo/index.wxss
@@ -1,4 +1,6 @@
 /* pages/resourceDetails/index.wxss */
+@import "./index.skeleton.wxss";
+
 .nacigationBar {
   background-color: #fff;
   display: flex;
diff --git a/packagePersonal/pages/aboutUs/index.js b/packagePersonal/pages/aboutUs/index.js
index bb9c51c..3a6e4dc 100644
--- a/packagePersonal/pages/aboutUs/index.js
+++ b/packagePersonal/pages/aboutUs/index.js
@@ -7,13 +7,17 @@
    * 椤甸潰鐨勫垵濮嬫暟鎹�
    */
   data: {
+    loading: true,
+    hidden: true,
     aboutText: null,
     swiperList: null,
-    current: 1,//杞挱鍥惧弬鏁�
+    current: 1, //杞挱鍥惧弬鏁�
     autoplay: true, //杞挱鍥惧弬鏁�
-    duration: '500',//杞挱鍥惧弬鏁�
-    interval: 5000,//杞挱鍥惧弬鏁�
-    navigation: { type: 'dots' },//杞挱鍥惧弬鏁�
+    duration: '500', //杞挱鍥惧弬鏁�
+    interval: 5000, //杞挱鍥惧弬鏁�
+    navigation: {
+      type: 'dots'
+    }, //杞挱鍥惧弬鏁�
     bannerList: [], //杞挱鍥惧垪琛�
     navBarHeight: '',
     barHeight: '',
@@ -95,7 +99,10 @@
   getBanner() {
     app.MG.resource.getItem({
       path: 'jsek_banner\\jsek_aboutUsBanner',
-      paging: { start: 0, size: 9 },
+      paging: {
+        start: 0,
+        size: 9
+      },
       fields: {
         jsek_link: []
       }
@@ -122,7 +129,9 @@
       console.log(res);
 
       this.setData({
-        aboutText: res.datas[0].content
+        aboutText: res.datas[0].content,
+        loading: false,
+        hidden: false,
       })
 
 
diff --git a/packagePersonal/pages/aboutUs/index.skeleton.wxml b/packagePersonal/pages/aboutUs/index.skeleton.wxml
new file mode 100644
index 0000000..ff2dae6
--- /dev/null
+++ b/packagePersonal/pages/aboutUs/index.skeleton.wxml
@@ -0,0 +1,39 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:14:39
+浣跨敤鏂规硶锛�
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\packagePersonal\pages\aboutUs\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\packagePersonal\pages\aboutUs\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view class="aboutUsBox">
+      <view class="titleBox">
+        <view style="width: 100%; height: 44px; "></view>
+        <view class="nacigationBar" style="width: 70%; height: 40px;">
+          <view>
+            <view class="t-icon icon--t-icon  " style="font-size: 30px;">
+              <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+            </view>
+          </view>
+          <view class="navbar-title sk-transparent sk-text-14-2857-307 sk-text">鍏充簬鎴戜滑</view>
+        </view>
+      </view>
+      <view class="aboutUs">
+        <view class="aboutText">
+          <rich-text space="emsp"></rich-text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/packagePersonal/pages/aboutUs/index.skeleton.wxss b/packagePersonal/pages/aboutUs/index.skeleton.wxss
new file mode 100644
index 0000000..96e194a
--- /dev/null
+++ b/packagePersonal/pages/aboutUs/index.skeleton.wxss
@@ -0,0 +1,46 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:14:39
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\packagePersonal\pages\aboutUs\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-307 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 50.4000rpx;
+    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-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;
+  }
diff --git a/packagePersonal/pages/aboutUs/index.wxml b/packagePersonal/pages/aboutUs/index.wxml
index 634d3ce..3c99bf6 100644
--- a/packagePersonal/pages/aboutUs/index.wxml
+++ b/packagePersonal/pages/aboutUs/index.wxml
@@ -1,4 +1,8 @@
-<view class="aboutUsBox">
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
+
+
+<view class="aboutUsBox" hidden="{{hidden}}">
   <view class="titleBox">
     <view style="width: 100%; height: {{barHeight}}px; "></view>
     <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
@@ -12,13 +16,11 @@
 
 
   <view wx:if="{{types == 'jsek_aboutUs'}}" class="aboutUs">
-
-    <view class="aboutText ">
+    <view class="aboutText aboutUs">
       <rich-text nodes="{{aboutText}}" space="emsp"></rich-text>
     </view>
-
   </view>
-  <view wx:else class="aboutText ">
-    <rich-text style="width: 100%;" nodes="{{aboutText}}"></rich-text>
+  <view wx:else class="aboutText" style="margin: 5rpx;">
+    <rich-text style="width: 100%;" space="emsp" nodes="{{aboutText}}"></rich-text>
   </view>
 </view>
\ No newline at end of file
diff --git a/packagePersonal/pages/aboutUs/index.wxss b/packagePersonal/pages/aboutUs/index.wxss
index 11d9857..add5cbf 100644
--- a/packagePersonal/pages/aboutUs/index.wxss
+++ b/packagePersonal/pages/aboutUs/index.wxss
@@ -1,5 +1,6 @@
 /* pages/aboutUs/index.wxss */
 
+@import "./index.skeleton.wxss";
 
 .nacigationBar {
   background-color: #fff;
@@ -30,7 +31,7 @@
 }
 
 .aboutUs {
-  margin: 30rpx;
+  margin: 15rpx;
 }
 
 .aboutText {
diff --git a/pages/bibliographyList/index.js b/pages/bibliographyList/index.js
index 27743d5..af7a83d 100644
--- a/pages/bibliographyList/index.js
+++ b/pages/bibliographyList/index.js
@@ -27,6 +27,8 @@
       keyword: '',
       Md5: '',
       emailError: false,
+      loading: true, //寮�鍚鏋跺睆鍔犺浇
+      hidden: true, //鏄惁灞曠ず鍐呭
     },
 
     /**
@@ -174,9 +176,14 @@
           higherTotal: res.total
         })
         console.log(this.data.higherList, '5555');
+        this.setData({
+          loading: false, //寮�鍚鏋跺睆鍔犺浇
+          hidden: false, //鏄惁灞曠ず鍐呭
+        })
       })
       wx.stopPullDownRefresh()
 
+
     },
 
     //鏁欏笀鏁欒偛
diff --git a/pages/bibliographyList/index.skeleton.wxml b/pages/bibliographyList/index.skeleton.wxml
new file mode 100644
index 0000000..1322fa8
--- /dev/null
+++ b/pages/bibliographyList/index.skeleton.wxml
@@ -0,0 +1,177 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍5:30:57
+浣跨敤鏂规硶锛�
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\bibliographyList\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\bibliographyList\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view class="bibliographyList">
+      <view class="titlesBox">
+        <view class="bibliographyListBox"></view>
+        <view class="titleBox">
+          <view style="width: 100%; height: 44px; "></view>
+          <view class="nacigationBar" style="width: 70%; height: 40px;">
+            <view>
+              <view class="t-icon icon--t-icon  " style="font-size: 30px;">
+                <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+              </view>
+            </view>
+            <view class="example-search">
+              <view class=" t-search search--t-search " style="true">
+                <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--square search--t-search__input-box--square ">
+                  <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
+                    <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                  </view>
+                  <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="璇疯緭鍏ヤ功鐩悕绉�" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1"
+                    selection-start="-1" type="text" value="true"></view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top contentBox custom-tabs" style="true">
+        <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
+          <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
+            <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
+              <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle"
+                scroll-left="0" scroll-x="true">
+                <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
+                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active  " data-index="0">
+                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-276 sk-text">楂樼瓑鏁欒偛(20)</view>
+                  </view>
+                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
+                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-516 sk-text">鑱屼笟鏁欒偛(8)</view>
+                  </view>
+                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2">
+                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-840 sk-text">鏁欏笀鏁欒偛(2)</view>
+                  </view>
+                  <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(55.1640625px); transform: translateX(55.1640625px); "></view>
+                </view>
+              </scroll-view>
+            </view>
+          </view>
+        </view>
+        <view class="t-tabs__content tabs--t-tabs__content">
+          <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
+            <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="d2e69ebe--t_tabs_2_panel_0">
+              <view class="outsideHigherBox">
+                <view class="higherBox">
+                  <view class="outsideHigherImageBox">
+                    <view class="higherImageBox">
+                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
+                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
+                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="higherTextBox sk-transparent sk-text-14-2857-993 sk-text">2021瀛﹀墠鏁欒偛涓撲笟鏁欐潗鍩硅鐢ㄤ功</view>
+                </view>
+                <view class="higherBox">
+                  <view class="outsideHigherImageBox">
+                    <view class="higherImageBox">
+                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
+                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
+                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="higherTextBox sk-transparent sk-text-14-2857-426 sk-text">2021瀛﹀墠鏁欒偛涓撲笟鏁欐潗鍩硅鐢ㄤ功</view>
+                </view>
+                <view class="higherBox">
+                  <view class="outsideHigherImageBox">
+                    <view class="higherImageBox">
+                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
+                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
+                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="higherTextBox sk-transparent sk-text-14-2857-211 sk-text">鏁欏笀瀵掑亣鐢熸椿闃呰涔﹀崟2022</view>
+                </view>
+                <view class="higherBox">
+                  <view class="outsideHigherImageBox">
+                    <view class="higherImageBox">
+                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
+                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
+                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="higherTextBox sk-transparent sk-text-14-2857-459 sk-text">瀵掑亣涔﹀崟2021</view>
+                </view>
+                <view class="higherBox">
+                  <view class="outsideHigherImageBox">
+                    <view class="higherImageBox">
+                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
+                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
+                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="higherTextBox sk-transparent sk-text-14-2857-26 sk-text">鏁欏笀鏆戝亣鐢熸椿闃呰涔﹀崟2021</view>
+                </view>
+                <view class="higherBox">
+                  <view class="outsideHigherImageBox">
+                    <view class="higherImageBox">
+                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
+                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
+                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="higherTextBox sk-transparent sk-text-14-2857-114 sk-text">鏁欏笀瀵掑亣鐢熸椿闃呰涔﹀崟2022</view>
+                </view>
+                <view class="higherBox">
+                  <view class="outsideHigherImageBox">
+                    <view class="higherImageBox">
+                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
+                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
+                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="higherTextBox sk-transparent sk-text-14-2857-879 sk-text">鏁欏笀鏆戝亣鐢熸椿闃呰涔﹀崟2022</view>
+                </view>
+                <view class="higherBox">
+                  <view class="outsideHigherImageBox">
+                    <view class="higherImageBox">
+                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
+                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
+                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="higherTextBox sk-transparent sk-text-14-2857-865 sk-text">瀛﹀墠鏁欒偛涓撲笟鏁欐潗鍩硅鐢ㄤ功涔︾洰2022</view>
+                </view>
+                <view class="higherBox">
+                  <view class="outsideHigherImageBox">
+                    <view class="higherImageBox">
+                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
+                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
+                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="higherTextBox sk-transparent sk-text-14-2857-819 sk-text">2210147-2023楂樿亴涓績鏅�氶珮绛夋暀鑲叉暀鏉愪功鐩�</view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/pages/bibliographyList/index.skeleton.wxss b/pages/bibliographyList/index.skeleton.wxss
new file mode 100644
index 0000000..8b22aed
--- /dev/null
+++ b/pages/bibliographyList/index.skeleton.wxss
@@ -0,0 +1,104 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍5:30:57
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\bibliographyList\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-276 {
+    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-2857-516 {
+    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-840 {
+    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-993 {
+    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-426 {
+    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-211 {
+    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-459 {
+    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% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-114 {
+    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-879 {
+    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-819 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }
diff --git a/pages/bibliographyList/index.wxml b/pages/bibliographyList/index.wxml
index c87ddf3..1e1c12a 100644
--- a/pages/bibliographyList/index.wxml
+++ b/pages/bibliographyList/index.wxml
@@ -1,127 +1,135 @@
-<view class="bibliographyList">
-  <view class="titlesBox">
-    <!--pages/bibliographyList/index.wxml-->
-    <view wx:if="{{downloadLoadin}}" class="loadinBox">
-      <t-loading class="colors" theme="circular" size="70rpx" class="wrapper" />
-
-    </view>
-    <view class="bibliographyListBox"></view>
-    <view class="titleBox">
-      <view style="width: 100%; height: {{barHeight}}px; "></view>
-      <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
-        <view>
-          <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
-        </view>
-
-        <view class="example-search">
-          <t-search model:value="{{value}}" placeholder="璇疯緭鍏ヤ功鐩悕绉�" bind:submit="onSearchSubmit">
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
 
 
-          </t-search>
-          <!-- <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" /> -->
+<view hidden="{{hidden}}">
 
 
-
-        </view>
+  <view class="bibliographyList">
+    <view class="titlesBox">
+      <!--pages/bibliographyList/index.wxml-->
+      <view wx:if="{{downloadLoadin}}" class="loadinBox">
+        <t-loading class="colors" theme="circular" size="70rpx" class="wrapper" />
 
       </view>
+      <view class="bibliographyListBox"></view>
+      <view class="titleBox">
+        <view style="width: 100%; height: {{barHeight}}px; "></view>
+        <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
+          <view>
+            <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
+          </view>
+
+          <view class="example-search">
+            <t-search model:value="{{value}}" placeholder="璇疯緭鍏ヤ功鐩悕绉�" bind:submit="onSearchSubmit">
+
+
+            </t-search>
+            <!-- <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" /> -->
+
+
+
+          </view>
+
+        </view>
+      </view>
+
     </view>
 
+
+
+    <t-tabs class="contentBox" defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
+      <t-tab-panel label="楂樼瓑鏁欒偛({{higherTotal}})" value="0">
+
+        <view wx:if="{{higherList.length <= 0}}" class="noDataBox">
+          <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+        </view>
+
+        <view wx:else class="outsideHigherBox">
+          <view class="higherBox" wx:for="{{higherList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
+            <view class="outsideHigherImageBox">
+              <view class="higherImageBox">
+                <image wx:if="{{item.icon}}" data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
+                <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
+                <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
+                  <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
+                  <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
+                </view>
+              </view>
+            </view>
+            <view class="higherTextBox">{{item.name}}</view>
+          </view>
+        </view>
+        <view wx:if="{{higherList.length > 0}}" class="bottom-box">
+          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
+          <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
+        </view>
+
+      </t-tab-panel>
+      <t-tab-panel label="鑱屼笟鏁欒偛({{vocationalTotal}})" value="1">
+        <view wx:if="{{vocationalList.length <= 0}}" class="noDataBox">
+          <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+        </view>
+
+
+
+        <view wx:else class="outsideHigherBox">
+          <view class="higherBox" wx:for="{{vocationalList}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="downloadData" data-item="{{item}}">
+            <view class="outsideHigherImageBox">
+              <view class="higherImageBox">
+                <image wx:if="{{item.icon}}" data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
+                <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
+                <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
+                  <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
+                  <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
+                </view>
+              </view>
+            </view>
+            <view class="higherTextBox">{{item.name}}</view>
+          </view>
+
+        </view>
+
+        <view wx:if="{{vocationalList.length > 0}}" class="bottom-box">
+          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
+          <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
+        </view>
+      </t-tab-panel>
+      <t-tab-panel label="鏁欏笀鏁欒偛({{teacherTotal}})" value="2">
+
+        <view wx:if="{{teacherList.length <= 0}}" class="noDataBox">
+          <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+        </view>
+        <view wx:else class="outsideHigherBox">
+          <view class="higherBox" wx:for="{{teacherList}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="downloadData">
+            <view class="outsideHigherImageBox">
+              <view class="higherImageBox">
+                <image wx:if="{{item.icon}}" data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
+                <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
+                <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
+                  <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
+                  <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
+                </view>
+              </view>
+            </view>
+            <view class="higherTextBox">{{item.name}}</view>
+          </view>
+
+        </view>
+
+        <view wx:if="{{teacherList.length > 0}}" class="bottom-box">
+          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
+          <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
+        </view>
+      </t-tab-panel>
+    </t-tabs>
+  </view>
+  <view class="dialogBox">
+    <t-dialog visible="{{showWithInput}}" title="璇疯緭鍏ラ偖绠�" confirm-btn="纭畾" cancel-btn="鍙栨秷" bind:confirm="onConfirm" bind:cancel="closeDialog">
+
+      <t-input model:value="{{input}}" borderless class="dialog-input" clearable slot="content" placeholder="璇疯緭鍏ラ偖绠卞彿" placeholder-class="placeholder" bindchange="onEmailInput" />
+
+    </t-dialog>
   </view>
 
-
-
-  <t-tabs class="contentBox" defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
-    <t-tab-panel label="楂樼瓑鏁欒偛({{higherTotal}})" value="0">
-
-      <view wx:if="{{higherList.length <= 0}}" class="noDataBox">
-        <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
-      </view>
-
-      <view wx:else class="outsideHigherBox">
-        <view class="higherBox" wx:for="{{higherList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
-          <view class="outsideHigherImageBox">
-            <view class="higherImageBox">
-              <image wx:if="{{item.icon}}" data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
-              <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
-              <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
-                <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
-                <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
-              </view>
-            </view>
-          </view>
-          <view class="higherTextBox">{{item.name}}</view>
-        </view>
-      </view>
-      <view wx:if="{{higherList.length > 0}}" class="bottom-box">
-        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
-        <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
-      </view>
-
-    </t-tab-panel>
-    <t-tab-panel label="鑱屼笟鏁欒偛({{vocationalTotal}})" value="1">
-      <view wx:if="{{vocationalList.length <= 0}}" class="noDataBox">
-        <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
-      </view>
-
-
-
-      <view wx:else class="outsideHigherBox">
-        <view class="higherBox" wx:for="{{vocationalList}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="downloadData" data-item="{{item}}">
-          <view class="outsideHigherImageBox">
-            <view class="higherImageBox">
-              <image data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
-              <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
-              <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
-                <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
-                <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
-              </view>
-            </view>
-          </view>
-
-          <view class="higherTextBox">{{item.name}}</view>
-        </view>
-
-      </view>
-
-      <view wx:if="{{vocationalList.length > 0}}" class="bottom-box">
-        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
-        <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
-      </view>
-    </t-tab-panel>
-    <t-tab-panel label="鏁欏笀鏁欒偛({{teacherTotal}})" value="2">
-
-      <view wx:if="{{teacherList.length <= 0}}" class="noDataBox">
-        <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
-      </view>
-      <view wx:else class="outsideHigherBox">
-        <view class="higherBox" wx:for="{{teacherList}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="downloadData">
-          <view class="outsideHigherImageBox">
-            <view class="higherImageBox">
-              <image data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
-              <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
-              <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
-                <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
-                <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
-              </view>
-            </view>
-          </view>
-          <view class="higherTextBox">{{item.name}}</view>
-        </view>
-
-      </view>
-
-      <view wx:if="{{teacherList.length > 0}}" class="bottom-box">
-        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
-        <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
-      </view>
-    </t-tab-panel>
-  </t-tabs>
-</view>
-<view class="dialogBox">
-  <t-dialog visible="{{showWithInput}}" title="璇疯緭鍏ラ偖绠�" confirm-btn="纭畾" cancel-btn="鍙栨秷" bind:confirm="onConfirm" bind:cancel="closeDialog">
-
-    <t-input model:value="{{input}}" borderless class="dialog-input" clearable slot="content" placeholder="璇疯緭鍏ラ偖绠卞彿" placeholder-class="placeholder" bindchange="onEmailInput" />
-
-  </t-dialog>
 </view>
\ No newline at end of file
diff --git a/pages/bibliographyList/index.wxss b/pages/bibliographyList/index.wxss
index 06c1fba..e878ff2 100644
--- a/pages/bibliographyList/index.wxss
+++ b/pages/bibliographyList/index.wxss
@@ -6,6 +6,8 @@
 .custom-panel {
   height: 120px;
 } */
+@import "./index.skeleton.wxss";
+
 .nacigationBar {
   background-color: #fff;
   display: flex;
diff --git a/pages/bookExhibitionDetails/index.js b/pages/bookExhibitionDetails/index.js
index b4df761..43c1898 100644
--- a/pages/bookExhibitionDetails/index.js
+++ b/pages/bookExhibitionDetails/index.js
@@ -6,6 +6,8 @@
    * 椤甸潰鐨勫垵濮嬫暟鎹�
    */
   data: {
+    loading: true,
+    hidden: true,
     bookName: '',
     bookBeginDate: '',
     bookCreator: '',
@@ -92,6 +94,10 @@
   },
 
   bookExhibitionGet(passId) {
+    this.setData({
+      loading: true,
+      hidden: true,
+    })
     wx.showLoading({
       title: '鍔犺浇涓�...',
     })
@@ -118,10 +124,18 @@
         bookImage: res.datas.icon
       });
       wx.hideLoading()
+      this.setData({
+        loading: false,
+        hidden: false,
+      })
     })
   },
   //涔﹀睍璇︽儏鎺ュ彛
   getBookExhibitionDetails(passId) {
+    this.setData({
+      loading: true,
+      hidden: true,
+    })
     app.MG.store.getProductList({
       path: '*',
       storeInfo: 'jsek_bookFair',
@@ -140,6 +154,10 @@
         bookExhibitionList: res.datas
       })
       console.log(this.data.bookExhibitionList, 'bookExhibitionList');
+      this.setData({
+        loading: false,
+        hidden: false,
+      })
     })
   },
   onBookDetails(event) {
diff --git a/pages/bookExhibitionDetails/index.skeleton.wxml b/pages/bookExhibitionDetails/index.skeleton.wxml
new file mode 100644
index 0000000..cb649b8
--- /dev/null
+++ b/pages/bookExhibitionDetails/index.skeleton.wxml
@@ -0,0 +1,74 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:03:36
+浣跨敤鏂规硶锛�
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionDetails\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionDetails\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view style="width: 100%; height: 44px; "></view>
+    <view class="nacigationBar" style="width: 70%; height: 40px;">
+      <view>
+        <view class="t-icon icon--t-icon  " style="font-size: 30px;">
+          <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+        </view>
+      </view>
+      <view class="navbar-title sk-transparent sk-text-14-2857-469 sk-text">2024鏄ラ珮绛夊鏍′腑鏂囩被绮惧搧鏁欐潗</view>
+    </view>
+    <view class="headBox">
+      <view class="titleBox sk-transparent sk-text-14-2857-407 sk-text">楂樼瓑瀛︽牎涓枃绫荤簿鍝佹暀鏉�</view>
+      <view class="informationBox">
+        <text class="informationNameBox sk-transparent sk-text-14-2857-18 sk-text">鍙戝竷浜�:鐜嬫浖鍗�</text>
+        <text class="informationTimeBox sk-transparent sk-text-14-2857-853 sk-text">鍙戝竷鏃ユ湡锛�2023-12-04</text>
+      </view>
+    </view>
+    <image class="partingBox sk-image" mode="aspectFill"></image>
+    <view class="bannerBox">
+      <image mode="aspectFit" class="sk-image"></image>
+    </view>
+    <view class="textContent">
+      <rich-text nodes="鑷� 20 涓栫邯 80 骞翠唬涓湡鑷充粖锛岄珮鏁欑ぞ涓枃鍒嗙ぞ鍏辩粍缁囧嚭鐗堜簡杩戝崈绉嶆暀鏉愩�傚叾涓湁&amp;ldquo;闈㈠悜 21 涓栫邯璇剧▼鏁欐潗&amp;rdquo;锛屾櫘閫氶珮绛夋暀 鑲�&amp;ldquo;涔濅簲&amp;rdquo;&amp;ldquo;鍗佷簲&amp;rdquo;&amp;ldquo;鍗佷竴浜�&amp;rdquo;鍜�&amp;ldquo;鍗佷簩浜�&amp;rdquo;鍥藉绾ц鍒掓暀鏉愶紝棣栧眾鍏ㄥ浗鏁欐潗寤鸿濂栬幏濂栨暀鏉愮瓑銆傚绉嶄骇鍝佽浣滀负鍥藉绾с�佺渷绾х簿鍝佽绋嬩富璁叉暀鏉愩��"></rich-text>
+    </view>
+    <view class="outsideBooksBox">
+      <view class="booksBox" data-item="[object Object]">
+        <view class="outsideBooksImageBox">
+          <image class="booksImageBox sk-image" mode="true"></image>
+        </view>
+        <view class="booksTextBox">
+          <text class="sk-transparent sk-text-14-2857-112 sk-text">鏂扮紪澶栧浗鏂囧鏁欑▼</text>
+        </view>
+        <view class="boosAuthor sk-transparent sk-text-14-2857-57 sk-text">浜㈣タ姘�</view>
+      </view>
+      <view class="booksBox" data-item="[object Object]">
+        <view class="outsideBooksImageBox">
+          <image class="booksImageBox sk-image" mode="true"></image>
+        </view>
+        <view class="booksTextBox">
+          <text class="sk-transparent sk-text-14-2857-740 sk-text">涓浗褰撲唬浣滃浣滃搧瀵煎紩</text>
+        </view>
+        <view class="boosAuthor sk-transparent sk-text-14-2857-467 sk-text">寮犳竻鍗庣唺淇洦</view>
+      </view>
+      <view class="booksBox" data-item="[object Object]">
+        <view class="outsideBooksImageBox">
+          <image class="booksImageBox sk-image" mode="true"></image>
+        </view>
+      </view>
+      <view class="booksBox" data-item="[object Object]">
+        <view class="outsideBooksImageBox">
+          <image class="booksImageBox sk-image" mode="true"></image>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/pages/bookExhibitionDetails/index.skeleton.wxss b/pages/bookExhibitionDetails/index.skeleton.wxss
new file mode 100644
index 0000000..3e22308
--- /dev/null
+++ b/pages/bookExhibitionDetails/index.skeleton.wxss
@@ -0,0 +1,84 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:03:36
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionDetails\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-469 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 56.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-14-2857-407 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 61.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-18 {
+    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-853 {
+    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-112 {
+    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-57 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 30.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-740 {
+    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-467 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 30.8000rpx;
+    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;
+  }
diff --git a/pages/bookExhibitionDetails/index.wxml b/pages/bookExhibitionDetails/index.wxml
index f89c21d..17c5865 100644
--- a/pages/bookExhibitionDetails/index.wxml
+++ b/pages/bookExhibitionDetails/index.wxml
@@ -1,40 +1,46 @@
 <!--pages/bookExhibitionDetails/index.wxml-->
-<view style="width: 100%; height: {{barHeight}}px; "></view>
-<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
-  <view>
-    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
-  </view>
-  <view class="navbar-title">{{subtitleName}}</view>
-</view>
-
-<view class="headBox">
-  <view class="titleBox">{{bookName}}</view>
-  <view class="informationBox">
-    <text class="informationNameBox">鍙戝竷浜�:{{bookCreator}}</text>
-    <text class="informationTimeBox">鍙戝竷鏃ユ湡锛歿{bookBeginDate}}</text>
-
-  </view>
-</view>
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
 
 
-
-<image class="partingBox" src="/static/images/bookExhibitionDetails/Parting.png" mode="aspectFill" />
-<view class="bannerBox">
-  <image src="{{bookImage}}" mode="aspectFit" />
-</view>
-
-
-<view class="textContent">
-  <rich-text nodes="{{bookContent}}"></rich-text>
-
-  <!-- <text>{{bookContent}}</text> -->
-</view>
-<view class="outsideBooksBox">
-  <view class="booksBox" wx:for="{{bookExhibitionList}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onBookDetails">
-    <view class="outsideBooksImageBox">
-      <image class="booksImageBox" src="{{item.icon}}" mode="" />
+<view hidden="{{hidden}}">
+  <view style="width: 100%; height: {{barHeight}}px; "></view>
+  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
+    <view>
+      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
     </view>
-    <view class="booksTextBox"> <text>{{item.name}}</text></view>
-    <view class="boosAuthor">{{item.author}}</view>
+    <view class="navbar-title">{{subtitleName}}</view>
+  </view>
+
+  <view class="headBox">
+    <view class="titleBox">{{bookName}}</view>
+    <view class="informationBox">
+      <text class="informationNameBox">鍙戝竷浜�:{{bookCreator}}</text>
+      <text class="informationTimeBox">鍙戝竷鏃ユ湡锛歿{bookBeginDate}}</text>
+
+    </view>
+  </view>
+
+
+
+  <image class="partingBox" src="/static/images/bookExhibitionDetails/Parting.png" mode="aspectFill" />
+  <view class="bannerBox">
+    <image src="{{bookImage}}" mode="aspectFit" />
+  </view>
+
+
+  <view class="textContent">
+    <rich-text nodes="{{bookContent}}"></rich-text>
+
+    <!-- <text>{{bookContent}}</text> -->
+  </view>
+  <view class="outsideBooksBox">
+    <view class="booksBox" wx:for="{{bookExhibitionList}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onBookDetails">
+      <view class="outsideBooksImageBox">
+        <image class="booksImageBox" src="{{item.icon}}" mode="" />
+      </view>
+      <view class="booksTextBox"> <text>{{item.name}}</text></view>
+      <view class="boosAuthor">{{item.author}}</view>
+    </view>
   </view>
 </view>
\ No newline at end of file
diff --git a/pages/bookExhibitionDetails/index.wxss b/pages/bookExhibitionDetails/index.wxss
index b5321c2..33654c0 100644
--- a/pages/bookExhibitionDetails/index.wxss
+++ b/pages/bookExhibitionDetails/index.wxss
@@ -1,5 +1,6 @@
 /* pages/bookExhibitionDetails/index.wxss */
-.headBox {}
+
+@import "./index.skeleton.wxss";
 
 .nacigationBar {
   background-color: #fff;
diff --git a/pages/bookExhibitionList/index.js b/pages/bookExhibitionList/index.js
index a74e5d3..ee39108 100644
--- a/pages/bookExhibitionList/index.js
+++ b/pages/bookExhibitionList/index.js
@@ -8,6 +8,8 @@
    * 椤甸潰鐨勫垵濮嬫暟鎹�
    */
   data: {
+    loading: true,
+    hidden: true,
     totalSize: '',
     start: 0,
     isMore: null,
@@ -318,33 +320,42 @@
       //鍙栨秷
       wx.hideLoading()
       // console.log(this.data.bookExhibitionList, '鏁版嵁');
+
+      this.setData({
+        loading: false,
+        hidden: false,
+      })
     })
 
   },
   //閲嶇偣椤圭洰鎺ュ彛
   keyProjectsGet(newPrice) {
+
+    this.setData({
+      loading: true,
+      hidden: true,
+    })
     // console.log(newPrice, 'newPrice');
     let parms = {
       refCodes: ['bookClassification']
     }
     app.MG.store.getProductTypeField(parms).then(res => {
-
       const checkData = JSON.parse(res[0].config)
-
-
       checkData.option.forEach(item => {
         if (newPrice == item.value) {
-
           this.setData({
             filteredItems: item.child || [] // 濡傛灉瀛樺湪瀛愰」鍒欒祴鍊硷紝鍚﹀垯璧嬪�间负绌烘暟缁�
           });
-
           // console.log(this.data.filteredItems);
-
         }
       })
 
       this.onLoad();
+
+      this.setData({
+        loading: false,
+        hidden: false,
+      })
     })
   },
 
diff --git a/pages/bookExhibitionList/index.skeleton.wxml b/pages/bookExhibitionList/index.skeleton.wxml
new file mode 100644
index 0000000..f366b3c
--- /dev/null
+++ b/pages/bookExhibitionList/index.skeleton.wxml
@@ -0,0 +1,154 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍5:52:08
+浣跨敤鏂规硶锛�
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionList\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionList\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view class="outsideBigTitleBox">
+      <view class="bigTitleBox">
+        <view style="width: 100%; height: 44px; "></view>
+        <view class="nacigationBar" style="width: 70%; height: 40px;">
+          <view>
+            <view class="t-icon icon--t-icon  " style="font-size: 30px;">
+              <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+            </view>
+          </view>
+          <view class="example-search">
+            <view class=" t-search search--t-search " style="true">
+              <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--square search--t-search__input-box--square ">
+                <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
+                  <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+                </view>
+                <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="璇疯緭鍏ヤ功灞曞悕绉�" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1"
+                  selection-start="-1" type="text" value="true"></view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="outsideMenuBox">
+        <view class="menuBox">
+          <view class="t-dropdown-menu menu--t-dropdown-menu sk-pseudo sk-pseudo-circle" id="854edf0e--t-bar" style="true">
+            <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="0">
+              <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-11 sk-text">鎬诲垎绫�</view>
+              <view class="t-icon icon--t-icon menu--undefined menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
+                <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+              </view>
+            </view>
+            <view class="t-dropdown-menu__item menu--t-dropdown-menu__item t-dropdown-menu__item--disabled menu--t-dropdown-menu__item--disabled sk-button" data-index="1">
+              <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-671 sk-text"> 閲嶇偣椤圭洰</view>
+              <view class="t-icon icon--t-icon menu--undefined menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
+                <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+              </view>
+            </view>
+            <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="2">
+              <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-80 sk-text">鍑虹増鏃堕棿姝ｅ簭</view>
+              <view class="t-icon icon--t-icon menu--undefined menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
+                <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="assembleContent">
+      <view class="titleBox">
+        <view class="frameBox"></view>
+        <view class="titleTextBox">
+          <image mode="aspectFit" class="sk-image"></image>
+        </view>
+      </view>
+      <scroll-view class="scrollViewBox" scroll-y="true">
+        <view class="outside">
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+            <view class="textBox">
+              <text class="sk-transparent sk-text-14-2857-979 sk-text">2023骞寸瀛ｈ绠楁満绯诲垪绾夸笂涔﹀睍</text>
+            </view>
+          </view>
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+            <view class="textBox">
+              <text class="sk-transparent sk-text-14-2857-568 sk-text">2024鏄ラ珮绛夊鏍′腑鏂囩被绮惧搧鏁欐潗</text>
+            </view>
+          </view>
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+            <view class="textBox">
+              <text class="sk-transparent sk-text-14-2857-931 sk-text">2024鏄モ�滃崄鍥涗簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉�</text>
+            </view>
+          </view>
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+            <view class="textBox">
+              <text class="sk-transparent sk-text-14-2857-724 sk-text">2024鏄ラ珮绛夊鏍¤壓鏈被绮惧搧鏁欐潗</text>
+            </view>
+          </view>
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+            <view class="textBox">
+              <text class="sk-transparent sk-text-14-2857-915 sk-text">2024鏄ラ珮绛夊鏍℃柊闂荤被绮惧搧鏁欐潗</text>
+            </view>
+          </view>
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+            <view class="textBox">
+              <text class="sk-transparent sk-text-14-2857-211 sk-text">2024鏄ラ珮绛夊鏍″巻鍙茬被绮惧搧鏁欐潗</text>
+            </view>
+          </view>
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+            <view class="textBox">
+              <text class="sk-transparent sk-text-14-2857-847 sk-text">2024鏄ラ珮绛夊鏍＄ぞ浼氬绫荤簿鍝佹暀鏉�</text>
+            </view>
+          </view>
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+            <view class="textBox">
+              <text class="sk-transparent sk-text-14-2857-592 sk-text">2024鏄ラ珮绛夊鏍″摬瀛︿笌鏀挎不瀛︾被绮惧搧鏁欐潗</text>
+            </view>
+          </view>
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+          </view>
+          <view class="contentBox" data-item="[object Object]">
+            <view class="imageBox">
+              <image mode="aspectFit" class="sk-image"></image>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/pages/bookExhibitionList/index.skeleton.wxss b/pages/bookExhibitionList/index.skeleton.wxss
new file mode 100644
index 0000000..39da93c
--- /dev/null
+++ b/pages/bookExhibitionList/index.skeleton.wxss
@@ -0,0 +1,105 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍5:52:08
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionList\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-11 {
+    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-2857-671 {
+    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-80 {
+    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-979 {
+    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-568 {
+    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-931 {
+    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-724 {
+    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-915 {
+    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-211 {
+    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-847 {
+    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-592 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-button {
+    color: #EFEFEF !important;
+    background: #EFEFEF !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }
diff --git a/pages/bookExhibitionList/index.wxml b/pages/bookExhibitionList/index.wxml
index 98383a3..283d5bf 100644
--- a/pages/bookExhibitionList/index.wxml
+++ b/pages/bookExhibitionList/index.wxml
@@ -1,34 +1,41 @@
 <!--pages/bookExhibitionList/index.wxml-->
 
 <!-- 寮瑰嚭妗� 绂佹 -->
-<t-toast id="t-toast" />
 
 
-<view class="outsideBigTitleBox">
-  <view class="bigTitleBox">
-    <view style="width: 100%; height: {{barHeight}}px; "></view>
-    <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
-      <view>
-        <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
-      </view>
-      <view class="example-search">
-        <t-search model:value="{{value}}" placeholder="璇疯緭鍏ヤ功灞曞悕绉�" bind:submit="onSearchSubmit" />
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
+
+<view hidden="{{hidden}}">
+
+  <t-toast id="t-toast" />
+
+
+  <view class="outsideBigTitleBox">
+    <view class="bigTitleBox">
+      <view style="width: 100%; height: {{barHeight}}px; "></view>
+      <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
+        <view>
+          <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
+        </view>
+        <view class="example-search">
+          <t-search model:value="{{value}}" placeholder="璇疯緭鍏ヤ功灞曞悕绉�" bind:submit="onSearchSubmit" />
+
+        </view>
 
       </view>
-
     </view>
-  </view>
-  <view class="outsideMenuBox">
-    <view class="menuBox">
-      <t-dropdown-menu>
-        <t-dropdown-item options="{{product.options}}" value="{{product.value}}" bindchange="onChange" />
-        <t-dropdown-item multiple="{{false}}" class="{{keynoteDisabled ? 'disableds' : ' '}}" disabled="{{keynoteDisabled}}" label=" 閲嶇偣椤圭洰" options="{{multipleSelect.options}}" value="{{multipleSelect.value}}" bindchange="handleMultipleSelect" multiple bind:confirm="handleConfirm" bind:reset="handleReset" show-overlay="{{true}}">
-        </t-dropdown-item>
+    <view class="outsideMenuBox">
+      <view class="menuBox">
+        <t-dropdown-menu>
+          <t-dropdown-item options="{{product.options}}" value="{{product.value}}" bindchange="onChange" />
+          <t-dropdown-item multiple="{{false}}" class="{{keynoteDisabled ? 'disableds' : ' '}}" disabled="{{keynoteDisabled}}" label=" 閲嶇偣椤圭洰" options="{{multipleSelect.options}}" value="{{multipleSelect.value}}" bindchange="handleMultipleSelect" multiple bind:confirm="handleConfirm" bind:reset="handleReset" show-overlay="{{true}}">
+          </t-dropdown-item>
 
-        <t-dropdown-item options="{{sorter.options}}" default-value="{{sorter.value}}" bindchange="onSort" />
+          <t-dropdown-item options="{{sorter.options}}" default-value="{{sorter.value}}" bindchange="onSort" />
 
-      </t-dropdown-menu>
-      <!-- <view class="outsideSortBox">
+        </t-dropdown-menu>
+        <!-- <view class="outsideSortBox">
         <view class="sortBox" bind:tap="onSwapRight">
           <text>鎺掑簭</text>
           <view class="iconBox">
@@ -37,37 +44,40 @@
           </view>
         </view>
       </view> -->
-    </view>
-  </view>
-</view>
-
-
-
-<view class="assembleContent">
-  <view class="titleBox">
-    <view class="frameBox"></view>
-    <view class="titleTextBox">
-      <image src="/static/images/bookExhibitionList/zhuantitaolun.png" mode="aspectFit" />
-    </view>
-  </view>
-
-  <scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
-    <view class="outside">
-      <view wx:if="{{!bookExhibitionList.length }}" class="noData">
-        <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
       </view>
-      <view class="contentBox" wx:for="{{bookExhibitionList}}" wx:key="index" wx:for-item="item" wx:for-index="index" bindtap="onBookExhibitionDetails" data-item="{{item}}">
-        <view class="imageBox">
-          <image wx:if="{{item.icon}}" src="{{item.icon}}" mode="aspectFit" />
-          <image wx:else src="/static/images/bookExhibitionList/banner.png" mode="aspectFit" />
+    </view>
+  </view>
+
+
+
+  <view class="assembleContent">
+    <view class="titleBox">
+      <view class="frameBox"></view>
+      <view class="titleTextBox">
+        <image src="/static/images/bookExhibitionList/zhuantitaolun.png" mode="aspectFit" />
+      </view>
+    </view>
+
+    <scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
+      <view class="outside">
+        <view wx:if="{{!bookExhibitionList.length }}" class="noData">
+          <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
         </view>
-        <view class="textBox" title="{{item.subtitleName}}"> <text>{{item.subtitleName}}</text></view>
+        <view class="contentBox" wx:for="{{bookExhibitionList}}" wx:key="index" wx:for-item="item" wx:for-index="index" bindtap="onBookExhibitionDetails" data-item="{{item}}">
+          <view class="imageBox">
+            <image wx:if="{{item.icon}}" src="{{item.icon}}" mode="aspectFit" />
+            <image wx:else src="/static/images/bookExhibitionList/banner.png" mode="aspectFit" />
+          </view>
+          <view class="textBox" title="{{item.subtitleName}}"> <text>{{item.subtitleName}}</text></view>
+        </view>
       </view>
-    </view>
-    <view class="bottom-box" wx:if="{{bookExhibitionList.length }}">
-      <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
-      <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
-    </view>
-  </scroll-view>
+      <view class="bottom-box" wx:if="{{bookExhibitionList.length }}">
+        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
+        <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
+      </view>
+    </scroll-view>
+
+  </view>
+
 
 </view>
\ No newline at end of file
diff --git a/pages/bookExhibitionList/index.wxss b/pages/bookExhibitionList/index.wxss
index 36b2627..502a04a 100644
--- a/pages/bookExhibitionList/index.wxss
+++ b/pages/bookExhibitionList/index.wxss
@@ -1,4 +1,5 @@
 /* pages/bookExhibitionList/index.wxss */
+@import "./index.skeleton.wxss";
 
 .nacigationBar {
   background-color: #fff;
diff --git a/pages/cart/index.js b/pages/cart/index.js
index c31356e..9fc3ee8 100644
--- a/pages/cart/index.js
+++ b/pages/cart/index.js
@@ -11,6 +11,8 @@
 
 Page({
   data: {
+    loading: true,
+    hidden: true,
     swipeOpened: false,
     onDisabled: false,
     imgUrl: [],
@@ -112,6 +114,10 @@
           onDisabled: false
         })
       }
+      this.setData({
+        loading: false,
+        hidden: false,
+      })
     });
     wx.stopPullDownRefresh()
 
diff --git a/pages/cart/index.skeleton.wxml b/pages/cart/index.skeleton.wxml
new file mode 100644
index 0000000..c2a8eb5
--- /dev/null
+++ b/pages/cart/index.skeleton.wxml
@@ -0,0 +1,295 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:07:35
+浣跨敤鏂规硶锛�
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <scroll-view class="outsideContentBox" scroll-y="true">
+      <view>
+        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
+          <view id="a82d7c42--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
+            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
+            <view class="itemWarp">
+              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                <view class="t-cell__left cell--t-cell__left ">
+                  <view class="left-icon">
+                    <view class="contentCheckbox">
+                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
+                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
+                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
+                        </view>
+                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
+                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
+                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
+                        </view>
+                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
+                      </view>
+                    </view>
+                    <view class="left-image" data-item="[object Object]">
+                      <image class="imageStyle sk-image" mode="aspectFit"></image>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__title cell--t-cell__title ">
+                  <view class="t-cell__title-text cell--t-cell__title-text ">
+                    <view class="titleBox">
+                      <view style="width: 193px;">
+                        <view class="boosName">
+                          <text class="eBook sk-transparent sk-text-21-0526-982 sk-text" style="background-position-x: 50%;">鐢靛瓙涔�</text>
+                          <text class="sk-transparent sk-text-20-8333-480 sk-text"> 瀹跺畨蹇冨畨</text>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="t-cell__description cell--t-cell__description ">
+                    <view class="descriptionBox">
+                      <view>
+                        <view class="textBox sk-transparent sk-text-22-7273-593 sk-text">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
+                      </view>
+                      <view class="sk-transparent sk-text-18-1818-465 sk-text">
+                        锟�36
+                      </view>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__right cell--t-cell__right "></view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
+          <view id="1231b2f4--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
+            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
+            <view class="itemWarp">
+              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                <view class="t-cell__left cell--t-cell__left ">
+                  <view class="left-icon">
+                    <view class="contentCheckbox">
+                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
+                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
+                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
+                        </view>
+                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
+                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
+                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
+                        </view>
+                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
+                      </view>
+                    </view>
+                    <view class="left-image" data-item="[object Object]">
+                      <image class="imageStyle sk-image" mode="aspectFit"></image>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__title cell--t-cell__title ">
+                  <view class="t-cell__title-text cell--t-cell__title-text ">
+                    <view class="titleBox">
+                      <view style="width: 193px;">
+                        <view class="boosName">
+                          <text class="eBook sk-transparent sk-text-21-0526-780 sk-text" style="background-position-x: 50%;">鐢靛瓙涔�</text>
+                          <text class="sk-transparent sk-text-20-8333-331 sk-text"> 鎰熸偀姹夎</text>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="t-cell__description cell--t-cell__description ">
+                    <view class="descriptionBox">
+                      <view>
+                        <view class="textBox sk-transparent sk-text-22-7273-774 sk-text">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
+                      </view>
+                      <view class="sk-transparent sk-text-18-1818-908 sk-text">
+                        锟�20
+                      </view>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__right cell--t-cell__right "></view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
+          <view id="63cc3b38--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
+            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
+            <view class="itemWarp">
+              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                <view class="t-cell__left cell--t-cell__left ">
+                  <view class="left-icon">
+                    <view class="contentCheckbox">
+                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
+                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
+                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
+                        </view>
+                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
+                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
+                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
+                        </view>
+                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
+                      </view>
+                    </view>
+                    <view class="left-image" data-item="[object Object]">
+                      <image class="imageStyle sk-image" mode="aspectFit"></image>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__title cell--t-cell__title ">
+                  <view class="t-cell__title-text cell--t-cell__title-text ">
+                    <view class="titleBox">
+                      <view style="width: 193px;">
+                        <view class="boosName">
+                          <text class="eBook sk-transparent sk-text-21-0526-86 sk-text" style="background-position-x: 50%;">鐢靛瓙涔�</text>
+                          <text class="sk-transparent sk-text-20-8333-361 sk-text"> 鏅�氬績鐞嗗瀛︿範鎵嬪唽</text>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="t-cell__description cell--t-cell__description ">
+                    <view class="descriptionBox">
+                      <view>
+                        <view class="textBox sk-transparent sk-text-22-7273-969 sk-text">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
+                      </view>
+                      <view class="sk-transparent sk-text-18-1818-684 sk-text">
+                        锟�21
+                      </view>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__right cell--t-cell__right "></view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
+          <view id="eef7d064--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
+            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
+            <view class="itemWarp">
+              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                <view class="t-cell__left cell--t-cell__left ">
+                  <view class="left-icon">
+                    <view class="contentCheckbox">
+                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
+                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
+                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
+                        </view>
+                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
+                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
+                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
+                        </view>
+                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
+                      </view>
+                    </view>
+                    <view class="left-image" data-item="[object Object]">
+                      <image class="imageStyle sk-image" mode="aspectFit"></image>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__title cell--t-cell__title ">
+                  <view class="t-cell__title-text cell--t-cell__title-text ">
+                    <view class="titleBox">
+                      <view style="width: 193px;">
+                        <view class="boosName">
+                          <text class="eBook sk-transparent sk-text-21-0526-575 sk-text" style="background-position-x: 50%;">鐢靛瓙涔�</text>
+                          <text class="sk-transparent sk-text-20-8333-621 sk-text"> 鏅�氬績鐞嗗(绗�5鐗�)</text>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="t-cell__description cell--t-cell__description ">
+                    <view class="descriptionBox">
+                      <view>
+                        <view class="textBox sk-transparent sk-text-22-7273-671 sk-text">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
+                      </view>
+                      <view class="sk-transparent sk-text-18-1818-66 sk-text">
+                        锟�33
+                      </view>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__right cell--t-cell__right "></view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
+          <view id="8270549e--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
+            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
+            <view class="itemWarp">
+              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
+                <view class="t-cell__left cell--t-cell__left ">
+                  <view class="left-icon">
+                    <view class="contentCheckbox">
+                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
+                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
+                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
+                        </view>
+                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
+                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
+                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
+                        </view>
+                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
+                      </view>
+                    </view>
+                    <view class="left-image" data-item="[object Object]">
+                      <image class="imageStyle sk-image" mode="aspectFit"></image>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__title cell--t-cell__title ">
+                  <view class="t-cell__title-text cell--t-cell__title-text ">
+                    <view class="titleBox">
+                      <view style="width: 193px;">
+                        <view class="boosName">
+                          <text class="eBook sk-transparent sk-text-21-0526-929 sk-text" style="background-position-x: 50%;">鐢靛瓙涔�</text>
+                          <text class="sk-transparent sk-text-20-8333-359 sk-text"> 澶у鐢熷績鐞嗗仴搴凤紙鎱曡鐗堬級</text>
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                  <view class="t-cell__description cell--t-cell__description ">
+                    <view class="descriptionBox">
+                      <view>
+                        <view class="textBox sk-transparent sk-text-22-7273-459 sk-text">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+                <view class="t-cell__right cell--t-cell__right "></view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+    <view class="bottomBox">
+      <view class="checkGroupBox">
+        <checkbox-group>
+          <checkbox value="鍏ㄩ��" color="#EFEFEF" class="sk-transparent sk-text-14-2857-130 sk-text">鍏ㄩ��</checkbox>
+        </checkbox-group>
+      </view>
+      <view class="settlementBox">
+        <view class="totalPrice sk-transparent">鎬讳环:
+          <text class="totalPriceText sk-transparent sk-text-14-2857-173 sk-text">锟�0</text>
+        </view>
+        <view class="buttonBox">
+          <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true"
+            style="true" class="tButtonBox t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--round button--t-button--round t-button--size-small button--t-button--size-small sk-button sk-pseudo sk-pseudo-circle">
+            <view class="t-button__content button--t-button__content sk-transparent sk-text-28-1250-493 sk-text" style="background-position-x: 50%;">鍘荤粨绠�(0)</view>
+          </button>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/pages/cart/index.skeleton.wxss b/pages/cart/index.skeleton.wxss
new file mode 100644
index 0000000..842ede3
--- /dev/null
+++ b/pages/cart/index.skeleton.wxss
@@ -0,0 +1,160 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:07:35
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-21-0526-982 {
+    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
+    background-size: 100% 38.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-20-8333-480 {
+    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-22-7273-593 {
+    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
+    background-size: 100% 44.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-1818-465 {
+    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+    background-size: 100% 44.0000rpx;
+    position: relative !important;
+  }
+.sk-text-21-0526-780 {
+    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
+    background-size: 100% 38.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-8333-331 {
+    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-22-7273-774 {
+    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
+    background-size: 100% 44.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-1818-908 {
+    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+    background-size: 100% 44.0000rpx;
+    position: relative !important;
+  }
+.sk-text-21-0526-86 {
+    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
+    background-size: 100% 38.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-8333-361 {
+    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-22-7273-969 {
+    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
+    background-size: 100% 44.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-1818-684 {
+    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+    background-size: 100% 44.0000rpx;
+    position: relative !important;
+  }
+.sk-text-21-0526-575 {
+    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
+    background-size: 100% 38.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-8333-621 {
+    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-22-7273-671 {
+    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
+    background-size: 100% 44.0000rpx;
+    position: relative !important;
+  }
+.sk-text-18-1818-66 {
+    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+    background-size: 100% 44.0000rpx;
+    position: relative !important;
+  }
+.sk-text-21-0526-929 {
+    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
+    background-size: 100% 38.0000rpx;
+    position: relative !important;
+  }
+.sk-text-20-8333-359 {
+    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
+    background-size: 100% 48.0000rpx;
+    position: relative !important;
+  }
+.sk-text-22-7273-459 {
+    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
+    background-size: 100% 44.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-130 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-173 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-text-28-1250-493 {
+    background-image: linear-gradient(transparent 28.1250%, #EEEEEE 0%, #EEEEEE 71.8750%, transparent 0%) !important;
+    background-size: 100% 64.0000rpx;
+    position: relative !important;
+  }
+.sk-button {
+    color: #EFEFEF !important;
+    background: #EFEFEF !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }
diff --git a/pages/cart/index.wxml b/pages/cart/index.wxml
index 11829b6..1a15a72 100644
--- a/pages/cart/index.wxml
+++ b/pages/cart/index.wxml
@@ -1,76 +1,79 @@
-<scroll-view scroll-y="{{true}}" class="outsideContentBox" bindscrolltolower="onScrollToLower">
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
 
-  <view>
+<!-- loading
+hidden -->
+<view hidden="{{hidden}}">
+  <scroll-view scroll-y="{{true}}" class="outsideContentBox" bindscrolltolower="onScrollToLower">
 
-    <!-- <checkbox-group bindchange="HandelItemChange"> -->
-    <view wx:if="{{shoppingCartData.length <= 0}}" class="noDataBox">
-      <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" />
-    </view>
-    <!-- <button bind:tap="onLogin"> 鍘荤櫥褰�</button> -->
-    <t-swipe-cell wx:for="{{shoppingCartData}}" wx:key="index" wx:for-item="item" wx:for-index="index" opened="{{swipeOpened}}">
+    <view>
 
-      <view class="itemWarp">
-        <t-cell bordered="{{false}}">
-          <view slot="title" class="titleBox">
-
-            <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">
-
-              <view class="boosName">
-                <text class="eBook">鐢靛瓙涔�</text>
-                <text> {{item.name}}</text>
-              </view>
-            </view>
-            <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
-
-              <view class="boosName">
-                <text class="cloudLearning">浜戝涔�</text>
-                <text> {{item.name}}</text>
-              </view>
-            </view>
-          </view>
-          <view slot="description" class="descriptionBox">
-            <view>
-              <view class="textBox" wx:if="{{item.type == 'product'}}">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
-              <view class="textBox" wx:if="{{item.type == 'item'}}">鍥句功鏈嶅姟-浜戝涔�</view>
-            </view>
-            <view wx:if="{{item.saleMethod.price != 0}}">
-              锟{item.saleMethod.price}}
-            </view>
-            <view wx:else class="descriptionBox"> 绔嬪嵆棰嗗彇</view>
-          </view>
-          <view slot="left-icon" class="left-icon">
-            <view class="contentCheckbox">
-              <t-checkbox icon="rectangle" value=" {{item.id}}" data-item="{{item}}" checked="{{item.checked}}" bindchange="HandelItemChange" />
-            </view>
-            <view class="left-image" data-item="{{item}}" bind:tap="onBook">
-              <image wx:if="{{item.imgUrl}}" src="{{item.imgUrl}}" class="imageStyle" mode="aspectFit" />
-              <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
-            </view>
-          </view>
-        </t-cell>
+      <!-- <checkbox-group bindchange="HandelItemChange"> -->
+      <view wx:if="{{shoppingCartData.length <= 0}}" class="noDataBox">
+        <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" />
       </view>
-      <view slot="right" class="btn delete-btn" bind:tap="onDelete" data-item="{{item}}">鍒犻櫎</view>
-    </t-swipe-cell>
-    <view wx:if="{{shoppingCartData.length > 0}}" class="bottom-box">
-      <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
-      <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
+      <!-- <button bind:tap="onLogin"> 鍘荤櫥褰�</button> -->
+      <t-swipe-cell wx:for="{{shoppingCartData}}" wx:key="index" wx:for-item="item" wx:for-index="index" opened="{{swipeOpened}}">
+        <view class="itemWarp">
+          <t-cell bordered="{{false}}">
+            <view slot="title" class="titleBox">
+              <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">
+                <view class="boosName">
+                  <text class="eBook">鐢靛瓙涔�</text>
+                  <text> {{item.name}}</text>
+                </view>
+              </view>
+              <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
+                <view class="boosName">
+                  <text class="cloudLearning">浜戝涔�</text>
+                  <text> {{item.name}}</text>
+                </view>
+              </view>
+            </view>
+            <view slot="description" class="descriptionBox">
+              <view>
+                <view class="textBox" wx:if="{{item.type == 'product'}}">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
+                <view class="textBox" wx:if="{{item.type == 'item'}}">鍥句功鏈嶅姟-浜戝涔�</view>
+              </view>
+              <view wx:if="{{item.saleMethod.price != 0}}">
+                锟{item.saleMethod.price}}
+              </view>
+              <view wx:else class="descriptionBox"> 绔嬪嵆棰嗗彇</view>
+            </view>
+            <view slot="left-icon" class="left-icon">
+              <view class="contentCheckbox">
+                <t-checkbox icon="rectangle" value=" {{item.id}}" data-item="{{item}}" checked="{{item.checked}}" bindchange="HandelItemChange" />
+              </view>
+              <view class="left-image" data-item="{{item}}" bind:tap="onBook">
+                <image wx:if="{{item.imgUrl}}" src="{{item.imgUrl}}" class="imageStyle" mode="aspectFit" />
+                <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
+              </view>
+            </view>
+          </t-cell>
+        </view>
+        <view slot="right" class="btn delete-btn" bind:tap="onDelete" data-item="{{item}}">鍒犻櫎</view>
+      </t-swipe-cell>
+      <view wx:if="{{shoppingCartData.length > 0}}" class="bottom-box">
+        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
+        <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
+      </view>
     </view>
-  </view>
 
 
 
-  <t-toast id="t-toast" />
-</scroll-view>
-<view class="bottomBox">
-  <view class="checkGroupBox">
-    <checkbox-group bindchange="bottomChange">
-      <checkbox disabled="{{onDisabled}}" value="鍏ㄩ��" checked="{{checkAll}}">鍏ㄩ��</checkbox>
-    </checkbox-group>
-  </view>
-  <view class="settlementBox">
-    <view class="totalPrice">鎬讳环:<text class="totalPriceText">锟{totalPrice}}</text></view>
-    <view class="buttonBox">
-      <t-button class="tButtonBox" size="small" shape="round" bind:tap="goPaymentPage">鍘荤粨绠�({{selectedCount}})</t-button>
+    <t-toast id="t-toast" />
+  </scroll-view>
+  <view class="bottomBox">
+    <view class="checkGroupBox">
+      <checkbox-group bindchange="bottomChange">
+        <checkbox disabled="{{onDisabled}}" value="鍏ㄩ��" checked="{{checkAll}}">鍏ㄩ��</checkbox>
+      </checkbox-group>
+    </view>
+    <view class="settlementBox">
+      <view class="totalPrice">鎬讳环:<text class="totalPriceText">锟{totalPrice}}</text></view>
+      <view class="buttonBox">
+        <t-button class="tButtonBox" size="small" shape="round" bind:tap="goPaymentPage">鍘荤粨绠�({{selectedCount}})</t-button>
+      </view>
     </view>
   </view>
 </view>
\ No newline at end of file
diff --git a/pages/cart/index.wxss b/pages/cart/index.wxss
index c0c1377..b343c4d 100644
--- a/pages/cart/index.wxss
+++ b/pages/cart/index.wxss
@@ -1,4 +1,6 @@
 /* pages/cart/item.wxss */
+@import "./index.skeleton.wxss";
+
 .btn-wrapper {
   height: 100%;
 }
diff --git a/pages/cart/paymentPage/index.js b/pages/cart/paymentPage/index.js
index ca6d273..06298eb 100644
--- a/pages/cart/paymentPage/index.js
+++ b/pages/cart/paymentPage/index.js
@@ -11,6 +11,8 @@
    * 椤甸潰鐨勫垵濮嬫暟鎹�
    */
   data: {
+    loading: true,
+    hidden: true,
     myOrderOrderNumber: [],
     orderNumber: null,
     navBarHeight: '',
@@ -131,7 +133,10 @@
       this.setData({
         productList: res.saleMethodLinks,
         // type: item.orderSaleMethod.type == 'createProductItemSaleMethod' ? 'item' : 'product'
+        loading: false,
+        hidden: false,
       })
+
     })
   },
   getDataList() {
diff --git a/pages/cart/paymentPage/index.skeleton.wxml b/pages/cart/paymentPage/index.skeleton.wxml
new file mode 100644
index 0000000..d483a6c
--- /dev/null
+++ b/pages/cart/paymentPage/index.skeleton.wxml
@@ -0,0 +1,77 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:11:32
+浣跨敤鏂规硶锛�
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\paymentPage\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\paymentPage\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view class="titleBox">
+      <view style="width: 100%; height: 44px; "></view>
+      <view class="nacigationBar" style="width: 70%; height: 40px;">
+        <view>
+          <view class="t-icon icon--t-icon  " style="font-size: 30px;">
+            <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+          </view>
+        </view>
+        <view class="navbar-title sk-transparent sk-text-14-2857-250 sk-text">鎻愪氦璁㈠崟</view>
+      </view>
+    </view>
+    <view class="paymentPageBox">
+      <view class="content">
+        <view class="shoppingCartList">
+          <view class="cartList">
+            <view class="imageBox">
+              <image mode="aspectFill" class="sk-image"></image>
+            </view>
+            <view class="cartListContent">
+              <view class="cartListDetails">
+                <view style="width: 193px;">
+                  <view class="boosName">
+                    <text class="eBook sk-transparent sk-text-21-0526-345 sk-text" style="background-position-x: 50%;">鐢靛瓙涔�</text>
+                    <text class="sk-transparent sk-text-14-2857-176 sk-text"> 鏅�氬績鐞嗗(绗�5鐗�)</text>
+                  </view>
+                </view>
+              </view>
+              <view class="textBox sk-transparent sk-text-14-2857-709 sk-text">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
+              <view class="priceBox sk-transparent sk-text-14-2857-364 sk-text">锟�33</view>
+            </view>
+          </view>
+        </view>
+        <view class="priceBreakdown">
+          <view class="priceBreakdownContent sk-transparent sk-text-14-2857-646 sk-text">浠锋牸鏄庣粏</view>
+          <view class="amountMoney">
+            <view class="commodityBox sk-transparent sk-text-14-2857-593 sk-text">鍟嗗搧閲戦</view>
+            <view class="payPriceBox sk-transparent sk-text-14-2857-701 sk-text">锟�33.00</view>
+          </view>
+          <view class="amount">
+            <view class="sk-transparent">
+              <text class="sk-transparent sk-text-14-2857-600 sk-text">鍚堣锛� </text> 锟�33.00</view>
+          </view>
+        </view>
+      </view>
+      <view class="paymentBox">
+        <view class="residue sk-transparent">寰呮敮浠橈細
+          <text class="residueTextBox sk-transparent sk-text-14-2857-29 sk-text">锟�33.00</text>
+        </view>
+        <view>
+          <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true"
+            style="true" class="buttonBox t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--round button--t-button--round t-button--size-medium button--t-button--size-medium sk-button sk-pseudo sk-pseudo-circle">
+            <view class="t-button__content button--t-button__content sk-transparent sk-text-30-0000-74 sk-text" style="background-position-x: 50%;">寰俊鏀粯</view>
+          </button>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/pages/cart/paymentPage/index.skeleton.wxss b/pages/cart/paymentPage/index.skeleton.wxss
new file mode 100644
index 0000000..da2bf84
--- /dev/null
+++ b/pages/cart/paymentPage/index.skeleton.wxss
@@ -0,0 +1,105 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍6:11:32
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\paymentPage\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-250 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 56.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-21-0526-345 {
+    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
+    background-size: 100% 38.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-176 {
+    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-709 {
+    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-364 {
+    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-14-2857-646 {
+    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-593 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 36.4000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-701 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-600 {
+    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-29 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 53.2000rpx;
+    position: relative !important;
+  }
+.sk-text-30-0000-74 {
+    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
+    background-size: 100% 80.0000rpx;
+    position: relative !important;
+  }
+.sk-button {
+    color: #EFEFEF !important;
+    background: #EFEFEF !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }
diff --git a/pages/cart/paymentPage/index.wxml b/pages/cart/paymentPage/index.wxml
index 42f130e..4b90cde 100644
--- a/pages/cart/paymentPage/index.wxml
+++ b/pages/cart/paymentPage/index.wxml
@@ -1,91 +1,97 @@
 <!-- 澶撮儴 -->
-<view class="titleBox">
-  <view style="width: 100%; height: {{barHeight}}px; "></view>
-  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
-    <view>
-      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
+
+<view hidden="{{hidden}}">
+
+  <view class="titleBox">
+    <view style="width: 100%; height: {{barHeight}}px; "></view>
+    <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
+      <view>
+        <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
+      </view>
+      <view class="navbar-title">鎻愪氦璁㈠崟</view>
     </view>
-    <view class="navbar-title">鎻愪氦璁㈠崟</view>
   </view>
-</view>
 
-<view class="paymentPageBox">
-  <view class="content">
+  <view class="paymentPageBox">
+    <view class="content">
 
-    <view class="shoppingCartList">
-      <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
-        <view class="imageBox">
-          <image wx:if="{{item.paymentIcon}}" src="{{item.paymentIcon }}" mode="aspectFill" />
-          <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
-        </view>
-        <view class="cartListContent">
-          <view class="cartListDetails">
-            <!-- <view class="labelBox">
+      <view class="shoppingCartList">
+        <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
+          <view class="imageBox">
+            <image wx:if="{{item.paymentIcon}}" src="{{item.paymentIcon }}" mode="aspectFill" />
+            <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
+          </view>
+          <view class="cartListContent">
+            <view class="cartListDetails">
+              <!-- <view class="labelBox">
               <view class="eBook" wx:if="{{item.type == 'product'}}">鐢靛瓙涔�</view>
               <view wx:if="{{item.type == 'item'}}" class="cloudLearning">浜戝涔�</view>
             </view> -->
 
 
-            <!-- <view class="boosName">
+              <!-- <view class="boosName">
               {{item.orderSaleMethod.product.name}}
             </view> -->
 
-            <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">
+              <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">
 
-              <!-- <view>
+                <!-- <view>
                 <text class="eBook">鐢靛瓙涔�</text> <text class="boosName">{{item.orderSaleMethod.product.name}}</text>
               </view> -->
 
-              <view class="boosName">
-                <text class="eBook">鐢靛瓙涔�</text>
-                <text> {{item.orderSaleMethod.product.name}}</text>
+                <view class="boosName">
+                  <text class="eBook">鐢靛瓙涔�</text>
+                  <text> {{item.orderSaleMethod.product.name}}</text>
+                </view>
+
               </view>
 
-            </view>
 
-
-            <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
-              <!-- 
+              <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
+                <!-- 
               <view>
                 <text class="cloudLearning">浜戝涔�</text> <text class="boosName">{{item.orderSaleMethod.product.name}}</text>
               </view> -->
-              <view class="boosName">
-                <text class="cloudLearning">浜戝涔�</text>
-                <text> {{item.orderSaleMethod.product.name}}</text>
+                <view class="boosName">
+                  <text class="cloudLearning">浜戝涔�</text>
+                  <text> {{item.orderSaleMethod.product.name}}</text>
+                </view>
               </view>
+
+
+
+
+
+
             </view>
-
-
-
-
-
-
+            <view class="textBox" wx:if="{{item.type == 'product'}}">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
+            <view class="textBox" wx:if="{{item.type == 'item'}}">鍥句功鏈嶅姟-浜戝涔�</view>
+            <view class="priceBox">锟{item.payPrice}}</view>
           </view>
-          <view class="textBox" wx:if="{{item.type == 'product'}}">鍥句功鏈嶅姟-鐢靛瓙涔�</view>
-          <view class="textBox" wx:if="{{item.type == 'item'}}">鍥句功鏈嶅姟-浜戝涔�</view>
-          <view class="priceBox">锟{item.payPrice}}</view>
         </view>
       </view>
-    </view>
-    <view class="priceBreakdown">
-      <view class="priceBreakdownContent">浠锋牸鏄庣粏</view>
-      <view class="amountMoney">
-        <view class="commodityBox">鍟嗗搧閲戦</view>
-        <view class="payPriceBox">锟{payPrice}}</view>
+      <view class="priceBreakdown">
+        <view class="priceBreakdownContent">浠锋牸鏄庣粏</view>
+        <view class="amountMoney">
+          <view class="commodityBox">鍟嗗搧閲戦</view>
+          <view class="payPriceBox">锟{payPrice}}</view>
+        </view>
+        <view class="amount">
+          <view> <text>鍚堣锛� </text> 锟{payPrice}}</view>
+        </view>
       </view>
-      <view class="amount">
-        <view> <text>鍚堣锛� </text> 锟{payPrice}}</view>
+
+    </view>
+    <!-- <view class="interval"></view> -->
+    <view class="paymentBox">
+      <view class="residue">寰呮敮浠橈細<text class="residueTextBox">锟{payPrice}}</text></view>
+      <view>
+        <t-button class="buttonBox" shape="round" catch:tap="confirmOrderGet">寰俊鏀粯</t-button>
       </view>
     </view>
-
   </view>
-  <!-- <view class="interval"></view> -->
-  <view class="paymentBox">
-    <view class="residue">寰呮敮浠橈細<text class="residueTextBox">锟{payPrice}}</text></view>
-    <view>
-      <t-button class="buttonBox" shape="round" catch:tap="confirmOrderGet">寰俊鏀粯</t-button>
-    </view>
-  </view>
-</view>
 
-<t-toast id="t-toast" />
\ No newline at end of file
+  <t-toast id="t-toast" />
+</view>
\ No newline at end of file
diff --git a/pages/cart/paymentPage/index.wxss b/pages/cart/paymentPage/index.wxss
index dd545e1..0abb8cc 100644
--- a/pages/cart/paymentPage/index.wxss
+++ b/pages/cart/paymentPage/index.wxss
@@ -1,4 +1,6 @@
 /* pages/cart/paymentPage/index.wxss */
+@import "./index.skeleton.wxss";
+
 .nacigationBar {
   background-color: #fff;
   display: flex;
diff --git a/pages/retrievalPage/index.js b/pages/retrievalPage/index.js
index ce675e7..331b16f 100644
--- a/pages/retrievalPage/index.js
+++ b/pages/retrievalPage/index.js
@@ -11,6 +11,8 @@
    * 椤甸潰鐨勫垵濮嬫暟鎹�
    */
   data: {
+    loading: true,
+    hidden: true,
     input: '',
     dialogKey: '',
     showWithInput: false,
@@ -492,7 +494,10 @@
         biblioClassificationTotal: data5.totalCount
       })
 
-
+      this.setData({
+        loading: false,
+        hidden: false,
+      })
 
 
     })
diff --git a/pages/retrievalPage/index.skeleton.wxml b/pages/retrievalPage/index.skeleton.wxml
new file mode 100644
index 0000000..b671bad
--- /dev/null
+++ b/pages/retrievalPage/index.skeleton.wxml
@@ -0,0 +1,154 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍5:59:34
+浣跨敤鏂规硶锛�
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\retrievalPage\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\retrievalPage\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view class="outsideRetrievalPageBox">
+      <view class="retrievalPageBox">
+        <view style="width: 100%; height: 44px; "></view>
+        <view class="nacigationBar" style="width: 70%; height: 40px;">
+          <view>
+            <view class="t-icon icon--t-icon  " style="font-size: 30px;">
+              <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+            </view>
+          </view>
+          <view class="navbar-title sk-transparent sk-text-14-2857-853 sk-text">妫�绱㈢粨鏋�</view>
+        </view>
+        <view class="example-search">
+          <view class="searchBox t-search search--t-search " style="true">
+            <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--square search--t-search__input-box--square ">
+              <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
+                <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+              </view>
+              <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view>
+            </view>
+          </view>
+          <view class="cancellation sk-transparent sk-text-14-2857-315 sk-text">鍙栨秷</view>
+        </view>
+      </view>
+      <view class="tabsBox">
+        <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
+          <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
+            <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
+              <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
+                <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
+                  <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
+                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active  " data-index="0">
+                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-516 sk-text">鍥句功(77)</view>
+                    </view>
+                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
+                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-430 sk-text">璇剧▼(7)</view>
+                    </view>
+                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2">
+                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-372 sk-text">鏁板瓧鏁欐潗(6)</view>
+                    </view>
+                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="3">
+                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-601 sk-text">涓撻(4)</view>
+                    </view>
+                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="4">
+                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-962 sk-text">涔︾洰(30)</view>
+                    </view>
+                    <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(31.7734375px); transform: translateX(31.7734375px);"></view>
+                  </view>
+                </scroll-view>
+              </view>
+            </view>
+          </view>
+          <view class="t-tabs__content tabs--t-tabs__content">
+            <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
+              <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="878e94e9--t_tabs_0_panel_0">
+                <scroll-view class="scrollViewBox" scroll-y="true">
+                  <view class="bookDataBox">
+                    <view class="bookDataForBox" data-item="[object Object]">
+                      <view class="imageBox">
+                        <image mode="aspectFit" class="sk-image"></image>
+                      </view>
+                      <view class="bookDataNmae sk-transparent sk-text-14-2857-709 sk-text">
+                        澶у鐢熷績鐞嗗仴搴锋暀鑲蹭笌璁粌
+                      </view>
+                      <view class="bookDataAuthor"></view>
+                    </view>
+                    <view class="bookDataForBox" data-item="[object Object]">
+                      <view class="imageBox">
+                        <image mode="aspectFit" class="sk-image"></image>
+                      </view>
+                      <view class="bookDataNmae sk-transparent sk-text-14-2857-220 sk-text">
+                        銆婂姘村钩妯″瀷搴旂敤銆�
+                      </view>
+                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-676 sk-text">閮集鑹� 钁�</view>
+                    </view>
+                    <view class="bookDataForBox" data-item="[object Object]">
+                      <view class="imageBox">
+                        <image mode="aspectFit" class="sk-image"></image>
+                      </view>
+                      <view class="bookDataNmae sk-transparent sk-text-14-2857-530 sk-text">
+                        銆婄粨鏋勬柟绋嬫ā鍨嬪簲鐢ㄣ��
+                      </view>
+                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-79 sk-text">鍒樻簮锛屽垬绾簯 钁�</view>
+                    </view>
+                    <view class="bookDataForBox" data-item="[object Object]">
+                      <view class="imageBox">
+                        <image mode="aspectFit" class="sk-image"></image>
+                      </view>
+                      <view class="bookDataNmae sk-transparent sk-text-14-2857-308 sk-text">
+                        鐜颁唬蹇冪悊涓庢暀鑲茬粺璁″(绗�5鐗堬級
+                      </view>
+                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-924 sk-text">寮犲帤绮插緪寤哄钩</view>
+                    </view>
+                    <view class="bookDataForBox" data-item="[object Object]">
+                      <view class="imageBox">
+                        <image mode="aspectFit" class="sk-image"></image>
+                      </view>
+                      <view class="bookDataNmae sk-transparent sk-text-14-2857-562 sk-text">
+                        褰撲唬鏁欒偛蹇冪悊瀛︼紙绗�3鐗堬級
+                      </view>
+                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-811 sk-text">闄堢惁鍒樺剴寰�</view>
+                    </view>
+                    <view class="bookDataForBox" data-item="[object Object]">
+                      <view class="imageBox">
+                        <image mode="aspectFit" class="sk-image"></image>
+                      </view>
+                      <view class="bookDataNmae sk-transparent sk-text-14-2857-439 sk-text">
+                        鏅�氬績鐞嗗瀛︿範鎵嬪唽
+                      </view>
+                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-80 sk-text">褰亙榫�</view>
+                    </view>
+                    <view class="bookDataForBox" data-item="[object Object]">
+                      <view class="imageBox">
+                        <image mode="aspectFit" class="sk-image"></image>
+                      </view>
+                    </view>
+                    <view class="bookDataForBox" data-item="[object Object]">
+                      <view class="imageBox">
+                        <image mode="aspectFit" class="sk-image"></image>
+                      </view>
+                    </view>
+                    <view class="bookDataForBox" data-item="[object Object]">
+                      <view class="imageBox">
+                        <image mode="aspectFit" class="sk-image"></image>
+                      </view>
+                    </view>
+                  </view>
+                </scroll-view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/pages/retrievalPage/index.skeleton.wxss b/pages/retrievalPage/index.skeleton.wxss
new file mode 100644
index 0000000..dedc85c
--- /dev/null
+++ b/pages/retrievalPage/index.skeleton.wxss
@@ -0,0 +1,134 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍5:59:34
+
+鍦� D:\course_of_growth\jsekXcx\jsek-applet\pages\retrievalPage\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-853 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 56.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-14-2857-315 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 44.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-516 {
+    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-430 {
+    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-372 {
+    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-601 {
+    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-962 {
+    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-709 {
+    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-220 {
+    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-676 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 30.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-530 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-79 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 30.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-308 {
+    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-924 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 30.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-562 {
+    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-811 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 30.8000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-439 {
+    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-80 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 30.8000rpx;
+    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;
+  }
diff --git a/pages/retrievalPage/index.wxml b/pages/retrievalPage/index.wxml
index b913801..d36cab3 100644
--- a/pages/retrievalPage/index.wxml
+++ b/pages/retrievalPage/index.wxml
@@ -1,4 +1,8 @@
-<view class="outsideRetrievalPageBox">
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
+
+
+<view class="outsideRetrievalPageBox" hidden="{{hidden}}">
 
   <view class="retrievalPageBox">
     <view style="width: 100%; height: {{barHeight}}px; "></view>
@@ -31,7 +35,8 @@
           <view class="bookDataBox">
             <view class="bookDataForBox" wx:for="{{bookData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onBook">
               <view class="imageBox">
-                <image src="{{item.icon}}" mode="aspectFit" />
+                <image wx:if="{{item.icon}}" src="{{item.icon}}" mode="aspectFit" />
+                <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="" />
               </view>
               <view class="bookDataNmae">
                 {{item.name}}
diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss
index e5f25ff..c1bd3fd 100644
--- a/pages/retrievalPage/index.wxss
+++ b/pages/retrievalPage/index.wxss
@@ -1,4 +1,5 @@
 /* pages/retrievalPage/index.wxss */
+@import "./index.skeleton.wxss";
 
 .nacigationBar {
   background-color: #fff;

--
Gitblit v1.9.1