骨架屏

litian

2024-04-11 98810537e386203c8ef0067d2fe07f37df7de338

骨架屏

 packageDomain/pages/sampleBookList/index.skeleton.wxml

@@ -31,7 +31,7 @@
              <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 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- selection-end="-1" selection-start="-1" type="text" value="true"></view>
            </view>
          </view>
        </view>
@@ -83,7 +83,7 @@
                  <view class="book-name book-color sk-transparent sk-text-14-2857-536 sk-text" data-book="[object Object]">“互联网+”文化创意创业</view>
                  <view class="book-author book-color sk-transparent sk-text-14-2857-282 sk-text">刘丹</view>
                  <view class="checkbox">
                    <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 checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " 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>
@@ -93,9 +93,9 @@
                        <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
                      </view>
                    </view>
                    <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " style="true" tabindex="0">
                    <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0">
                      <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left t-checkbox__icon--checked checkbox--t-checkbox__icon--checked t-checkbox__icon--disabled checkbox--t-checkbox__icon--disabled ">
                        <view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper " style="true">
                        <view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper ">
                          <label class="t-icon-check-rectangle-filled icon--t-icon-check-rectangle-filled t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                      </view>
@@ -114,7 +114,7 @@
                  <view class="book-name book-color sk-transparent sk-text-14-2857-156 sk-text" data-book="[object Object]">中学生物学实验教学论（第3版）</view>
                  <view class="book-author book-color sk-transparent sk-text-14-2857-975 sk-text">徐作英</view>
                  <view class="checkbox">
                    <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 checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " 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>
@@ -124,7 +124,7 @@
                        <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
                      </view>
                    </view>
                    <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 eBook " style="true" tabindex="0">
                    <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 eBook " tabindex="0">
                      <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left t-checkbox__icon--disabled checkbox--t-checkbox__icon--disabled ">
                        <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle t-checkbox__icon-rectangle--disabled checkbox--t-checkbox__icon-rectangle--disabled"></view>
                      </view>
@@ -143,7 +143,7 @@
                  <view class="book-name book-color sk-transparent sk-text-14-2857-79 sk-text" data-book="[object Object]">电子政务（第3版）</view>
                  <view class="book-author book-color sk-transparent sk-text-14-2857-886 sk-text">孙宇</view>
                  <view class="checkbox">
                    <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 checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " 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>
@@ -152,9 +152,9 @@
                        </view>
                      </view>
                    </view>
                    <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " style="true" tabindex="0">
                    <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0">
                      <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left t-checkbox__icon--checked checkbox--t-checkbox__icon--checked t-checkbox__icon--disabled checkbox--t-checkbox__icon--disabled ">
                        <view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper " style="true">
                        <view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper ">
                          <label class="t-icon-check-rectangle-filled icon--t-icon-check-rectangle-filled t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                      </view>
@@ -172,7 +172,7 @@
                  <view class="book-name book-color sk-transparent sk-text-14-2857-673 sk-text" data-book="[object Object]">会议策划与组织（第二版）</view>
                  <view class="book-author book-color sk-transparent sk-text-14-2857-499 sk-text">周健华</view>
                  <view class="checkbox">
                    <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 checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " 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>
@@ -181,7 +181,7 @@
                        </view>
                      </view>
                    </view>
                    <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 eBook " style="true" tabindex="0">
                    <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 eBook " 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>

 packagePersonal/pages/activateProduct/index.skeleton.wxml

New file
@@ -0,0 +1,122 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午4:27:57
使用方法：
在 F:\project-2024\jsek-applet\packagePersonal\pages\activateProduct\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 F:\project-2024\jsek-applet\packagePersonal\pages\activateProduct\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="container">
      <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80" enable-back-to-top="true">
        <view class="pageInfo">
          <view class="activation">
            <view class="title">
              <view class="line"></view>
              <view class="sk-transparent sk-text-20-3704-598 sk-text">激活码</view>
            </view>
            <view class="contentBox">
              <view class="inputBox">
                <view auto-focus="true" class="weui-input sk-image" name="code" placeholder="请输入激活码" value="true" selection-start="-1" selection-end="-1" cursor="-1"></view>
                <button class="button sk-transparent sk-button sk-pseudo sk-pseudo-circle">激活商品</button>
              </view>
            </view>
          </view>
          <view class="page-content">
            <view class="title">
              <view class="line"></view>
              <view class="sk-transparent sk-text-20-3704-923 sk-text">已激活商品</view>
            </view>
            <view class="contentBox">
              <view class="list">
                <view class="content-item">
                  <view class="codeInfoBox">
                    <view class="sk-transparent sk-text-25-0000-342 sk-text">激活码：VE61FJLB</view>
                    <view class="sk-transparent sk-text-25-0000-992 sk-text">激活时间：2024-03-06 11:15:14</view>
                  </view>
                  <view class="listBox">
                    <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
                      <view class="order-centent">
                        <view class="bookBox" data-book="[object Object]">
                          <view class="leftCon">
                            <image class="purchasedIcon sk-image" mode="aspectFit"></image>
                          </view>
                          <view class="rightCon">
                            <view class="productTitle sk-transparent sk-text-18-1818-451 sk-text">中国现当代文学史简明教程</view>
                            <view class="typeBox">
                              <text class="typeCon sk-transparent sk-text-30-0000-790 sk-text">电子书</text>
                            </view>
                          </view>
                        </view>
                        <view class="bookBox" data-book="[object Object]">
                          <view class="leftCon">
                            <image class="purchasedIcon sk-image" mode="aspectFit"></image>
                          </view>
                          <view class="rightCon">
                            <view class="productTitle sk-transparent sk-text-18-1818-80 sk-text">中国现代作家作品导引</view>
                            <view class="typeBox">
                              <text class="typeCon sk-transparent sk-text-30-0000-48 sk-text">电子书</text>
                            </view>
                          </view>
                        </view>
                        <view class="bookBox" data-book="[object Object]">
                          <view class="leftCon">
                            <image class="purchasedIcon sk-image" mode="aspectFit"></image>
                          </view>
                          <view class="rightCon">
                            <view class="productTitle sk-transparent sk-text-18-1818-447 sk-text">中国古代文学名篇导读中国古代文学名篇导读中国古代文学名篇导读</view>
                            <view class="typeBox">
                              <text class="typeCon sk-transparent sk-text-30-0000-536 sk-text">电子书</text>
                            </view>
                          </view>
                        </view>
                        <view class="bookBox" data-book="[object Object]">
                          <view class="leftCon">
                            <image class="purchasedIcon sk-image" mode="aspectFit"></image>
                          </view>
                          <view class="rightCon">
                            <view class="productTitle sk-transparent sk-text-18-1818-738 sk-text">现代汉语基础理论与应用</view>
                            <view class="typeBox">
                              <text class="typeCon sk-transparent sk-text-30-0000-420 sk-text">电子书</text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </scroll-view>
                  </view>
                </view>
                <view class="content-item">
                  <view class="codeInfoBox">
                    <view class="sk-transparent sk-text-25-0000-159 sk-text">激活码：PX2W88HM</view>
                    <view class="sk-transparent sk-text-25-0000-417 sk-text">激活时间：2024-03-06 10:28:32</view>
                  </view>
                  <view class="listBox">
                    <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
                      <view class="order-centent">
                        <view class="bookBox" data-book="[object Object]">
                          <view class="leftCon">
                            <image class="purchasedIcon sk-image" mode="aspectFit"></image>
                          </view>
                        </view>
                      </view>
                    </scroll-view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

 packagePersonal/pages/activateProduct/index.skeleton.wxss

New file
@@ -0,0 +1,125 @@
/*
此文件为开发者工具生成，生成时间: 2024/4/11下午4:27:57

在 F:\project-2024\jsek-applet\packagePersonal\pages\activateProduct\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-20-0000-8 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.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-3704-598 {
    background-image: linear-gradient(transparent 20.3704%, #EEEEEE 0%, #EEEEEE 79.6296%, transparent 0%) !important;
    background-size: 100% 54.0000rpx;
    position: relative !important;
  }
.sk-text-20-3704-923 {
    background-image: linear-gradient(transparent 20.3704%, #EEEEEE 0%, #EEEEEE 79.6296%, transparent 0%) !important;
    background-size: 100% 54.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-342 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-992 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-451 {
    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-30-0000-790 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-80 {
    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-30-0000-48 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-447 {
    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-30-0000-536 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-738 {
    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-30-0000-420 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-159 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-417 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.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;
  }

 packagePersonal/pages/activateProduct/index.wxml

@@ -5,7 +5,7 @@
        <t-loading theme="circular" size="40rpx" text="正在刷新..." class="wrapper" />
      </view>
    </view>
    <view class="pageInfo">
    <view class="pageInfo" wx:if="{{!skeletonLoding}}">
      <view class="activation">
        <view class="title">
          <view class="line"></view>
@@ -25,7 +25,7 @@
        </view>
        <view class="contentBox">

          <view class="list" wx:if="{{list.length > 0 && !skeletonLoding}}">
          <view class="list" wx:if="{{list.length > 0}}">
            <view class="content-item" wx:for="{{list}}" wx:for-item="items" wx:for-index="index" wx:key="index">
              <view class="codeInfoBox">
                <view>激活码：{{items.code}}</view>
@@ -53,7 +53,7 @@
              </view>
            </view>
          </view>
          <view wx:if="{{list.length == 0 && !skeletonLoding}}" class="empyt">
          <view wx:if="{{list.length == 0}}" class="empyt">
            <t-empty icon="folder-open" description="暂无数据" />
          </view>
          <view class="bottom-loading" wx:if="{{bottomLoading}}">
@@ -62,11 +62,10 @@
          <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}">
            <text>没有更多了</text>
          </view>
          <view class="body-loading" wx:if="{{skeletonLoding}}">
            <t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
          </view>
        </view>
      </view>
    </view>
  </scroll-view>
</view>
</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />

 packagePersonal/pages/activateProduct/index.wxss

@@ -1,3 +1,5 @@
@import "./index.skeleton.wxss";

page {
  background: #F2F3F8;
}

 packagePersonal/pages/downloads/index.skeleton.wxml

New file
@@ -0,0 +1,101 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午4:51:56
使用方法：
在 F:\project-2024\jsek-applet\packagePersonal\pages\downloads\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 F:\project-2024\jsek-applet\packagePersonal\pages\downloads\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="container">
      <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80" enable-back-to-top="true">
        <view class="pageInfo">
          <view class="content-item">
            <view class="item-con" data-book="[object Object]">
              <view class="icon">
                <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="d0ca79bc--image" mode="aspectFill" style="true"></image>
              </view>
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-13-6364-11 sk-text">中国古代文学名篇导读</view>
                <view class="createDate sk-transparent sk-text-24-0741-779 sk-text">申请时间：2024-03-05 14:56:36</view>
                <view class="createDate sk-transparent sk-text-24-0741-649 sk-text">审核时间：2024-03-05 14:56:54</view>
              </view>
            </view>
            <view class="stateBox">
              <text class="success sk-transparent sk-text-26-6667-407 sk-text" style="background-position-x: 100%;">已通过</text>
            </view>
          </view>
          <view class="content-item">
            <view class="item-con" data-book="[object Object]">
              <view class="icon">
                <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="35cbf7fe--image" mode="aspectFill" style="true"></image>
              </view>
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-13-6364-572 sk-text">中国古代文学名篇导读</view>
                <view class="createDate sk-transparent sk-text-24-0741-862 sk-text">申请时间：2024-03-05 14:56:28</view>
              </view>
            </view>
            <view class="stateBox">
              <text class="wait sk-transparent sk-text-26-6667-685 sk-text" style="background-position-x: 100%;">审核中</text>
            </view>
          </view>
          <view class="content-item">
            <view class="item-con" data-book="[object Object]">
              <view class="icon">
                <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="a7ba0f7e--image" mode="aspectFill" style="true"></image>
              </view>
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-13-6364-290 sk-text">中国古代文学名篇导读</view>
                <view class="createDate reason sk-transparent sk-text-18-1818-617 sk-text">原因: 撒旦撒</view>
                <view class="createDate sk-transparent sk-text-24-0741-112 sk-text">审核时间：2024-03-05 14:02:08</view>
              </view>
            </view>
            <view class="stateBox">
              <text class="reject sk-transparent sk-text-26-6667-861 sk-text" style="background-position-x: 100%;">未通过</text>
            </view>
          </view>
          <view class="content-item">
            <view class="item-con" data-book="[object Object]">
              <view class="icon">
                <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="947392fc--image" mode="aspectFill" style="true"></image>
              </view>
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-13-6364-473 sk-text">中国古代文学名篇导读</view>
                <view class="createDate reason sk-transparent sk-text-18-1818-795 sk-text">原因: 阿三大苏打</view>
                <view class="createDate sk-transparent sk-text-24-0741-676 sk-text">审核时间：2024-03-05 14:02:11</view>
              </view>
            </view>
            <view class="stateBox">
              <text class="reject sk-transparent sk-text-26-6667-689 sk-text" style="background-position-x: 100%;">未通过</text>
            </view>
          </view>
          <view class="content-item">
            <view class="item-con" data-book="[object Object]">
              <view class="icon">
                <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="86139ece--image" mode="aspectFill" style="true"></image>
              </view>
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-13-6364-706 sk-text">中国古代文学名篇导读</view>
                <view class="createDate reason sk-transparent sk-text-18-1818-184 sk-text">原因: 阿三大苏打</view>
                <view class="createDate sk-transparent sk-text-24-0741-728 sk-text">审核时间：2024-03-05 14:01:34</view>
              </view>
            </view>
            <view class="stateBox">
              <text class="reject sk-transparent sk-text-26-6667-750 sk-text" style="background-position-x: 100%;">未通过</text>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

 packagePersonal/pages/downloads/index.skeleton.wxss

New file
@@ -0,0 +1,132 @@
/*
此文件为开发者工具生成，生成时间: 2024/4/11下午4:51:56

在 F:\project-2024\jsek-applet\packagePersonal\pages\downloads\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-20-0000-121 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.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-13-6364-11 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-24-0741-779 {
    background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important;
    background-size: 100% 54.0000rpx;
    position: relative !important;
  }
.sk-text-24-0741-649 {
    background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important;
    background-size: 100% 54.0000rpx;
    position: relative !important;
  }
.sk-text-26-6667-407 {
    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }
.sk-text-13-6364-572 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-24-0741-862 {
    background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important;
    background-size: 100% 54.0000rpx;
    position: relative !important;
  }
.sk-text-26-6667-685 {
    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }
.sk-text-13-6364-290 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-617 {
    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-24-0741-112 {
    background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important;
    background-size: 100% 54.0000rpx;
    position: relative !important;
  }
.sk-text-26-6667-861 {
    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }
.sk-text-13-6364-473 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-795 {
    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-24-0741-676 {
    background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important;
    background-size: 100% 54.0000rpx;
    position: relative !important;
  }
.sk-text-26-6667-689 {
    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }
.sk-text-13-6364-706 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-184 {
    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-24-0741-728 {
    background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important;
    background-size: 100% 54.0000rpx;
    position: relative !important;
  }
.sk-text-26-6667-750 {
    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
    background-size: 100% 60.0000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 packagePersonal/pages/downloads/index.wxml

@@ -35,9 +35,8 @@
    <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}">
      <text>没有更多了</text>
    </view>
    <view class="body-loading" wx:if="{{skeletonLoding}}">
      <t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
    </view>
  </scroll-view>
  <t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
</view>
</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />

 packagePersonal/pages/downloads/index.wxss

@@ -1,4 +1,6 @@
/* pages/personalCenter/downloads/index.wxss */
@import "./index.skeleton.wxss";

.container {
  width: 100vw;
  height: 100vh;

 packagePersonal/pages/feedBack/index.skeleton.wxml

New file
@@ -0,0 +1,107 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午4:57:20
使用方法：
在 F:\project-2024\jsek-applet\packagePersonal\pages\feedBack\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 F:\project-2024\jsek-applet\packagePersonal\pages\feedBack\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="container">
      <view class="page-header">
        <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  t-tabs" style="true">
          <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top">
            <view class="t-sticky__content sticky--t-sticky__content ">
              <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" scroll-left="0" scroll-x="true">
                  <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top">
                    <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-792 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-797 sk-text">意见反馈</view>
                    </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 " style="true">
              <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="e632772d--t_tabs_47_panel_0"></view>
              <view class="  t-tab-panel panel--t-tab-panel" id="bee42e13--t_tabs_47_panel_1"></view>
            </view>
          </view>
        </view>
        <view class="con-bg"></view>
      </view>
      <view class="pageInfo">
        <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80">
          <view class="list">
            <view class="listBox">
              <view class="content-item">
                <view class="icon">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="718a0230--image" mode="aspectFill"></image>
                </view>
                <view class="item-con">
                  <view class="titleBox">
                    <view class="item-title sk-transparent sk-text-32-5000-151 sk-text">创业基础</view>
                  </view>
                  <view class="name sk-transparent sk-text-31-4286-963 sk-text">建议：图书信息</view>
                  <view class="feedBack sk-transparent sk-text-14-2857-600 sk-text">反馈：-</view>
                </view>
              </view>
              <view class="content-item">
                <view class="icon">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="de6ccdce--image" mode="aspectFill"></image>
                </view>
                <view class="item-con">
                  <view class="titleBox">
                    <view class="item-title sk-transparent sk-text-32-5000-53 sk-text">创业基础</view>
                  </view>
                  <view class="name sk-transparent sk-text-31-4286-187 sk-text">建议：</view>
                  <view class="feedBack sk-transparent sk-text-14-2857-312 sk-text">反馈：-</view>
                </view>
              </view>
              <view class="content-item">
                <view class="icon">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="0c434f6b--image" mode="aspectFill"></image>
                </view>
                <view class="item-con">
                  <view class="titleBox">
                    <view class="item-title sk-transparent sk-text-32-5000-808 sk-text">中国古代文学名篇导读中国古代文学名篇导读中国古代文学名篇导读</view>
                  </view>
                  <view class="name sk-transparent sk-text-31-4286-376 sk-text">建议：</view>
                  <view class="feedBack sk-transparent sk-text-14-2857-228 sk-text">反馈：-</view>
                </view>
              </view>
              <view class="content-item">
                <view class="icon">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="f6fc8c05--image" mode="aspectFill"></image>
                </view>
                <view class="item-con">
                  <view class="titleBox">
                    <view class="item-title sk-transparent sk-text-32-5000-454 sk-text">中国古代文学名篇导读中国古代文学名篇导读中国古代文学名篇导读</view>
                  </view>
                  <view class="name sk-transparent sk-text-31-4286-781 sk-text">建议：哈哈哈</view>
                  <view class="feedBack sk-transparent sk-text-14-2857-234 sk-text">反馈：-</view>
                </view>
              </view>
              <view class="content-item"></view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</template>

 packagePersonal/pages/feedBack/index.skeleton.wxss

New file
@@ -0,0 +1,107 @@
/*
此文件为开发者工具生成，生成时间: 2024/4/11下午4:57:20

在 F:\project-2024\jsek-applet\packagePersonal\pages\feedBack\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-792 {
    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 {
    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-797 {
    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-20-0000-770 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-32-5000-151 {
    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
    background-size: 100% 80.0000rpx;
    position: relative !important;
  }
.sk-text-31-4286-963 {
    background-image: linear-gradient(transparent 31.4286%, #EEEEEE 0%, #EEEEEE 68.5714%, transparent 0%) !important;
    background-size: 100% 70.0000rpx;
    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% 36.4000rpx;
    position: relative !important;
  }
.sk-text-32-5000-53 {
    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
    background-size: 100% 80.0000rpx;
    position: relative !important;
  }
.sk-text-31-4286-187 {
    background-image: linear-gradient(transparent 31.4286%, #EEEEEE 0%, #EEEEEE 68.5714%, transparent 0%) !important;
    background-size: 100% 70.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-312 {
    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-32-5000-808 {
    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
    background-size: 100% 80.0000rpx;
    position: relative !important;
  }
.sk-text-31-4286-376 {
    background-image: linear-gradient(transparent 31.4286%, #EEEEEE 0%, #EEEEEE 68.5714%, transparent 0%) !important;
    background-size: 100% 70.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-228 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 36.4000rpx;
    position: relative !important;
  }
.sk-text-32-5000-454 {
    background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important;
    background-size: 100% 80.0000rpx;
    position: relative !important;
  }
.sk-text-31-4286-781 {
    background-image: linear-gradient(transparent 31.4286%, #EEEEEE 0%, #EEEEEE 68.5714%, transparent 0%) !important;
    background-size: 100% 70.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-234 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 36.4000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 packagePersonal/pages/feedBack/index.wxml

@@ -1,12 +1,12 @@
<view class="container">
  <view class="page-header">
  <view class="page-header" wx:if="{{!skeletonLoding}}">
    <t-tabs t-class="t-tabs" split="{{false}}" defaultValue="{{active}}" bind:change="tabBookClick">
      <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.label}}" value="{{index}}">
      </t-tab-panel>
    </t-tabs>
    <view class="con-bg"></view>
  </view>
  <view class="pageInfo">
  <view class="pageInfo" wx:if="{{!skeletonLoding}}">
    <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
      <view slot="refresher" class="refresh-container">
        <view class="loading">
@@ -50,9 +50,6 @@
      <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}">
        <text>没有更多了</text>
      </view>
      <view class="body-loading" wx:if="{{skeletonLoding}}">
        <t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
      </view>
    </scroll-view>
  </view>

@@ -63,4 +60,6 @@
    </view>
  </view>
  <t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
</view>
</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />

 packagePersonal/pages/feedBack/index.wxss

@@ -1,3 +1,5 @@
@import "./index.skeleton.wxss";

page {
  background-color: #f0f2f5 !important;
}

 packagePersonal/pages/myCollection/index.skeleton.wxml

New file
@@ -0,0 +1,113 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午4:37:09
使用方法：
在 F:\project-2024\jsek-applet\packagePersonal\pages\myCollection\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 F:\project-2024\jsek-applet\packagePersonal\pages\myCollection\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="container">
      <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  t-tabs" style="true">
        <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top">
          <view class="t-sticky__content sticky--t-sticky__content ">
            <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" scroll-left="0" scroll-x="true">
                <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top">
                  <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-950 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-737 sk-text">课程</view>
                  </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 " style="true">
            <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="2a85e143--t_tabs_9_panel_0"></view>
            <view class="  t-tab-panel panel--t-tab-panel" id="ab8e51bc--t_tabs_9_panel_1"></view>
          </view>
        </view>
      </view>
      <view class="pageInfo">
        <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80">
          <view class="list">
            <view class="listBox">
              <view class="content-item">
                <view class="icon" data-book="[object Object]">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="77043a69--image" mode="aspectFit" style="true"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-13-6364-323 sk-text">视听说：美国经典电影</view>
                  <view class="author sk-transparent sk-text--3-3333-829 sk-text"> 吕春媚，刘翔，常俊跃</view>
                </view>
              </view>
              <view class="content-item">
                <view class="icon" data-book="[object Object]">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="a5eac79b--image" mode="aspectFit" style="true"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-13-6364-933 sk-text">管理学</view>
                  <view class="author sk-transparent sk-text--3-3333-421 sk-text">王文周</view>
                </view>

              </view>
              <view class="content-item">
                <view class="icon" data-book="[object Object]">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="c51ea35f--image" mode="aspectFit" style="true"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-13-6364-569 sk-text">创业基础</view>
                  <view class="author sk-transparent sk-text--3-3333-555 sk-text">李家华 主编</view>
                </view>
              </view>
              <view class="content-item">
                <view class="icon" data-book="[object Object]">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="1e186f15--image" mode="aspectFit" style="true"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-13-6364-186 sk-text">食品安全概论</view>
                  <view class="author sk-transparent sk-text--3-3333-889 sk-text">任媛媛 郝建雄 王云峰</view>
                </view>

              </view>
              <view class="content-item">
                <view class="icon" data-book="[object Object]">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9e1f32b8--image" mode="aspectFit" style="true"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-13-6364-323 sk-text">高等数学（上册）</view>
                  <view class="author sk-transparent sk-text--3-3333-729 sk-text">彭友花 陆万春 文清芝</view>
                </view>

              </view>
              <view class="content-item">
                <view class="icon" data-book="[object Object]">
                  <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="e274ffdd--image" mode="aspectFit" style="true"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-13-6364-996 sk-text">C++语言程序设计C++语言程序设计C++语言程序设计C++语言程序设计</view>
                  <view class="author sk-transparent sk-text--3-3333-392 sk-text">徐孝凯</view>
                </view>

              </view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</template>

 packagePersonal/pages/myCollection/index.skeleton.wxss

New file
@@ -0,0 +1,102 @@
/*
此文件为开发者工具生成，生成时间: 2024/4/11下午4:37:09

在 F:\project-2024\jsek-applet\packagePersonal\pages\myCollection\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-950 {
    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 {
    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-737 {
    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-20-0000-452 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-13-6364-323 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text--3-3333-829 {
    background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important;
    background-size: 100% 30.0000rpx;
    position: relative !important;
  }
.sk-text-13-6364-933 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text--3-3333-421 {
    background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important;
    background-size: 100% 30.0000rpx;
    position: relative !important;
  }
.sk-text-13-6364-569 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text--3-3333-555 {
    background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important;
    background-size: 100% 30.0000rpx;
    position: relative !important;
  }
.sk-text-13-6364-186 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text--3-3333-889 {
    background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important;
    background-size: 100% 30.0000rpx;
    position: relative !important;
  }
.sk-text--3-3333-729 {
    background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important;
    background-size: 100% 30.0000rpx;
    position: relative !important;
  }
.sk-text-13-6364-996 {
    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text--3-3333-392 {
    background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important;
    background-size: 100% 30.0000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 packagePersonal/pages/myCollection/index.wxml

@@ -1,8 +1,8 @@
<view class="container">
  <t-tabs t-class="t-tabs" defaultValue="{{active}}" split="{{false}}" bind:change="tabBookClick">
  <t-tabs t-class="t-tabs" defaultValue="{{active}}" split="{{false}}" bind:change="tabBookClick" wx:if="{{!skeletonLoding}}">
    <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.label}}" value="{{index}}" />
  </t-tabs>
  <view class="pageInfo">
  <view class="pageInfo" wx:if="{{!skeletonLoding}}">
    <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
      <view slot="refresher" class="refresh-container">
        <view class="loading">
@@ -13,8 +13,8 @@
        <view wx:if="{{activeName == 'FavoriteBookCity'}}" class="listBox">
          <view class="content-item" wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index">
            <view class="icon" data-book="{{item}}" bindtap="goBookDetails">
              <t-image src="{{item.icon}}" mode="aspectFit" class="img" wx:if="{{item.icon}}" />
              <t-image src="/static/images/default-book-img.png" mode="aspectFit" class="img" wx:else />
              <image src="{{item.icon}}" mode="aspectFit" class="img" wx:if="{{item.icon}}" />
              <image src="/static/images/default-book-img.png" mode="aspectFit" class="img" wx:else />
            </view>
            <view class="body-info" data-book="{{item}}" bindtap="goBookDetails">
              <view class="name">{{item.name}}</view>
@@ -44,11 +44,10 @@
      <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}">
        <text>没有更多了</text>
      </view>
      <view class="body-loading" wx:if="{{skeletonLoding}}">
        <t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
      </view>
    </scroll-view>
  </view>

  <t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
</view>
</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />

 packagePersonal/pages/myCollection/index.wxss

@@ -1,3 +1,5 @@
@import "./index.skeleton.wxss";

page {
  background-color: #F2F3F8;
}
@@ -102,7 +104,7 @@
  box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.16);
}

.content-item .icon .t-image {
.content-item .icon .img {
  width: 100%;
  height: 100%;
  object-fit: contain;

 packagePersonal/pages/myMassage/index.skeleton.wxml

New file
@@ -0,0 +1,123 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午4:56:05
使用方法：
在 F:\project-2024\jsek-applet\packagePersonal\pages\myMassage\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 F:\project-2024\jsek-applet\packagePersonal\pages\myMassage\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="container">
      <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80" enable-back-to-top="true">
        <view class="pageInfo">
          <view class="content-item">
            <view class="icon">
              <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="f5ff662e--image" mode="heightFix" style="width: 29px;"></image>
            </view>
            <view class="item-con" data-info="[object Object]">
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-10-0000-538 sk-text">大组活动</view>
                <view class="createDate sk-transparent sk-text-14-2857-389 sk-text">2024-04-03 11:25</view>
              </view>
              <view class="description sk-transparent sk-text-20-0000-58 sk-text">
                赶紧来吧！
              </view>
            </view>
          </view>
          <view class="content-item">
            <view class="icon">
              <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="2046dabe--image" mode="heightFix" style="width: 29px;"></image>
            </view>
            <view class="item-con" data-info="[object Object]">
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-10-0000-844 sk-text">大苏打</view>
                <view class="createDate sk-transparent sk-text-14-2857-608 sk-text">2024-03-19 17:05</view>
              </view>
              <view class="description sk-transparent sk-text-20-0000-385 sk-text">
                描述
              </view>
            </view>
          </view>
          <view class="content-item">
            <view class="icon">
              <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="c605ef02--image" mode="heightFix" style="width: 29px;"></image>
            </view>
            <view class="item-con" data-info="[object Object]">
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-10-0000-307 sk-text">你猜</view>
                <view class="createDate sk-transparent sk-text-14-2857-269 sk-text">2024-03-19 17:04</view>
              </view>
              <view class="description sk-transparent sk-text-20-0000-793 sk-text">
                描述
              </view>
            </view>
          </view>
          <view class="content-item">
            <view class="icon">
              <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="047032f1--image" mode="heightFix" style="width: 29px;"></image>
            </view>
            <view class="item-con" data-info="[object Object]">
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-10-0000-477 sk-text">大促活动！！！</view>
                <view class="createDate sk-transparent sk-text-14-2857-359 sk-text">2024-03-19 15:43</view>
              </view>
              <view class="description sk-transparent sk-text-20-0000-342 sk-text">
                得瑟得瑟顶顶顶顶
              </view>
            </view>
          </view>
          <view class="content-item">
            <view class="icon">
              <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="58af6a7c--image" mode="heightFix" style="width: 29px;"></image>
            </view>
            <view class="item-con" data-info="[object Object]">
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-10-0000-682 sk-text">妇女节到啦《！！！》</view>
                <view class="createDate sk-transparent sk-text-14-2857-156 sk-text">2024-03-04 15:17</view>
              </view>
              <view class="description sk-transparent sk-text-20-0000-596 sk-text">
                我是描述
              </view>
            </view>
          </view>
          <view class="content-item">
            <view class="icon">
              <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="63576988--image" mode="heightFix" style="width: 29px;"></image>
            </view>
            <view class="item-con" data-info="[object Object]">
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-10-0000-196 sk-text">新春祝福</view>
                <view class="createDate sk-transparent sk-text-14-2857-747 sk-text">2024-01-25 11:32</view>
              </view>
              <view class="description sk-transparent"></view>
            </view>
          </view>
          <view class="content-item">
            <view class="icon">
              <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="3bb25df0--image" mode="heightFix" style="width: 29px;"></image>
            </view>
            <view class="item-con" data-info="[object Object]">
              <view class="titleBox">
                <view class="item-title sk-transparent sk-text-10-0000-91 sk-text">圣诞节</view>
                <view class="createDate sk-transparent sk-text-14-2857-554 sk-text">2023-12-21 10:10</view>
              </view>
              <view class="description sk-transparent sk-text-20-0000-97 sk-text">
                一起来过节吧！
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

 packagePersonal/pages/myMassage/index.skeleton.wxss

New file
@@ -0,0 +1,137 @@
/*
此文件为开发者工具生成，生成时间: 2024/4/11下午4:56:05

在 F:\project-2024\jsek-applet\packagePersonal\pages\myMassage\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-20-0000-124 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.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-10-0000-538 {
    background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-389 {
    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-20-0000-58 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-10-0000-844 {
    background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-608 {
    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-20-0000-385 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-10-0000-307 {
    background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-269 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-20-0000-793 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-10-0000-477 {
    background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-359 {
    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-20-0000-342 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-10-0000-682 {
    background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-156 {
    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-20-0000-596 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-10-0000-196 {
    background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-747 {
    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-10-0000-91 {
    background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-554 {
    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-20-0000-97 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 packagePersonal/pages/myMassage/index.wxml

@@ -30,9 +30,9 @@
    <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}">
      <text>没有更多了</text>
    </view>
    <view class="body-loading" wx:if="{{skeletonLoding}}">
      <t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
    </view>
  </scroll-view>
  <t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
</view>
</view>

<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />

 packagePersonal/pages/myMassage/index.wxss

@@ -1,3 +1,5 @@
@import "./index.skeleton.wxss";

.container {
  width: 100vw;
  height: 100vh;

 packagePersonal/pages/myOrder/index.js

@@ -80,7 +80,6 @@

  getDataList(isReachBottom) {
    var searchArr = [];
    console.log(this.data.searchText, "earch")
    if (this.data.searchText != undefined && this.data.searchText != "") {
      searchArr.push({
        compareType: "Contains",

 packagePersonal/pages/myOrder/index.skeleton.wxml

New file
@@ -0,0 +1,129 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午4:16:10
使用方法：
在 F:\project-2024\jsek-applet\packagePersonal\pages\myOrder\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 F:\project-2024\jsek-applet\packagePersonal\pages\myOrder\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="container">
      <view class="page-header">
        <view class="search">
          <view class="navBar-search t-search search--t-search " style="width: 90%;">
            <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--round search--t-search__input-box--round ">
              <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 class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  t-tabs">
          <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top">
            <view class="t-sticky__content sticky--t-sticky__content ">
              <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" scroll-left="0" scroll-x="true">
                  <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top">
                    <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-424 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-270 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="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-819 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="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-395 sk-text">已取消</view>
                    </view>
                  </view>
                </scroll-view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="pageInfo">
        <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80">
          <view class="list">
            <view class="content-item">
              <view class="order-cent">
                <text class="order-cent-one sk-transparent sk-text-14-2857-448 sk-text">订单号: 301844350202404011817042</text>
                <text class="right cancal sk-transparent sk-text-14-2857-336 sk-text">已取消</text>
              </view>
              <view class="order-centent">
                <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
                  <view class="bookBox flex" data-book="[object Object]" data-remarks="电子书">
                    <view class="leftCon fl">
                      <image class="purchasedIcon sk-image" mode="aspectFit"></image>
                    </view>
                    <view class="rightCon">
                      <view class="productTitle sk-transparent sk-text-10-5263-480 sk-text">C++语言程序设计</view>
                      <view class="top">
                        <text class="typeBox sk-transparent sk-text-14-2857-439 sk-text">图书服务-电子书</text>
                      </view>
                    </view>
                  </view>
                </scroll-view>
                <view class="count">
                  <text class="sk-transparent sk-text-14-2857-155 sk-text">￥53.80</text>
                </view>
              </view>
              <view class="order-top">
                <view class="button-bottem sk-transparent">总计：
                  <text class="price sk-transparent sk-text-14-2857-44 sk-text">￥53.80</text>
                </view>
              </view>
            </view>
            <view class="content-item">
              <view class="order-cent">
                <text class="order-cent-one sk-transparent sk-text-14-2857-654 sk-text">订单号: 301844350202404011757292</text>
                <text class="right cancal sk-transparent sk-text-14-2857-109 sk-text">已取消</text>
              </view>
              <view class="order-centent">
                <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
                  <view class="bookBox flex" data-book="[object Object]" data-remarks="电子书">
                    <view class="leftCon fl">
                      <image class="purchasedIcon sk-image" mode="aspectFit"></image>
                    </view>
                    <view class="rightCon">
                      <view class="productTitle sk-transparent sk-text-10-5263-517 sk-text">数据库原理与应用技术</view>
                      <view class="top">
                        <text class="typeBox sk-transparent sk-text-14-2857-633 sk-text">图书服务-电子书</text>
                      </view>
                    </view>
                  </view>
                </scroll-view>
                <view class="count">
                  <text class="sk-transparent sk-text-14-2857-5 sk-text">￥59.90</text>
                </view>
              </view>
              <view class="order-top">
                <view class="button-bottem sk-transparent">总计：
                  <text class="price sk-transparent sk-text-14-2857-807 sk-text">￥59.90</text>
                </view>
              </view>
            </view>
            <view class="content-item">
              <view class="order-cent">
                <text class="order-cent-one sk-transparent sk-text-14-2857-837 sk-text">订单号: 301844350202403281603315</text>
                <text class="right cancal sk-transparent sk-text-14-2857-983 sk-text">已取消</text>
              </view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</template>

 packagePersonal/pages/myOrder/index.skeleton.wxss

New file
@@ -0,0 +1,139 @@
/*
此文件为开发者工具生成，生成时间: 2024/4/11下午4:16:10

在 F:\project-2024\jsek-applet\packagePersonal\pages\myOrder\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-424 {
    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 {
    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-270 {
    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-819 {
    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-395 {
    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-20-0000-183 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-448 {
    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-336 {
    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-10-5263-480 {
    background-image: linear-gradient(transparent 10.5263%, #EEEEEE 0%, #EEEEEE 89.4737%, transparent 0%) !important;
    background-size: 100% 38.0000rpx;
    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-155 {
    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-44 {
    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-654 {
    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-109 {
    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-10-5263-517 {
    background-image: linear-gradient(transparent 10.5263%, #EEEEEE 0%, #EEEEEE 89.4737%, transparent 0%) !important;
    background-size: 100% 38.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-633 {
    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-5 {
    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-807 {
    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-837 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-983 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-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;
  }

 packagePersonal/pages/myOrder/index.wxml

@@ -1,5 +1,5 @@
<view class="container">
  <view class="page-header">
  <view class="page-header" wx:if="{{!skeletonLoding}}">
    <view class="search">
      <t-search model:value="{{searchText}}" shape="round" clearable="{{false}}" placeholder="请输入订单编号" class="navBar-search" style="width: 90%" bind:submit="onSearchOrder" />
    </view>
@@ -7,14 +7,14 @@
      <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.label}}" value="{{index}}" />
    </t-tabs>
  </view>
  <view class="pageInfo">
  <view class="pageInfo" wx:if="{{!skeletonLoding}}">
    <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
      <view slot="refresher" class="refresh-container">
        <view class="loading">
          <t-loading theme="circular" size="40rpx" text="正在刷新..." class="wrapper" />
        </view>
      </view>
      <view class="list" wx:if="{{list.length > 0 && !skeletonLoding}}">
      <view class="list" wx:if="{{list.length > 0}}">
        <view class="content-item" wx:for="{{list}}" wx:for-item="items" wx:for-index="index" wx:key="index">
          <view class="order-cent">
            <text class="order-cent-one">订单号: {{items.orderNumber}}</text>
@@ -58,7 +58,7 @@
          </view>
        </view>
      </view>
      <view wx:if="{{list.length == 0 && !skeletonLoding}}" class="empyt">
      <view wx:if="{{list.length == 0}}" class="empyt">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>
      <view class="bottom-loading" wx:if="{{bottomLoading}}">
@@ -67,10 +67,9 @@
      <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}">
        <text>没有更多了</text>
      </view>
      <view class="body-loading" wx:if="{{skeletonLoding }}">
        <t-loading theme="circular" size="40rpx" text="加载中..." class="wrapper" />
      </view>
    </scroll-view>
  </view>
</view>
<t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
<t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />

 packagePersonal/pages/myOrder/index.wxss

@@ -1,3 +1,5 @@
@import "./index.skeleton.wxss";

.container {
  width: 100vw;
  height: 100vh;

 packagePersonal/pages/sampleBooks/index.skeleton.wxml

New file
@@ -0,0 +1,161 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午4:53:19
使用方法：
在 F:\project-2024\jsek-applet\packagePersonal\pages\sampleBooks\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 F:\project-2024\jsek-applet\packagePersonal\pages\sampleBooks\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="container">
      <view class="page-header">
        <view class="tabOne">
          <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  t-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" 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-997 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-843 sk-text">电子样书</view>
                      </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 " style="true">
                <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="af48d1db--t_tabs_29_panel_0"></view>
                <view class="  t-tab-panel panel--t-tab-panel" id="975c2cdd--t_tabs_29_panel_1"></view>
              </view>
            </view>
          </view>
        </view>
        <view class="tabTwo">
          <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">
              <view class="t-sticky__content sticky--t-sticky__content ">
                <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" 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-614 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-437 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="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-449 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="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-693 sk-text">未通过</view>
                      </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 " style="true">
                <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="73156096--t_tabs_30_panel_0"></view>
                <view class="  t-tab-panel panel--t-tab-panel" style="height: 0;" id="f4c54565--t_tabs_30_panel_1"></view>
                <view class="  t-tab-panel panel--t-tab-panel" style="height: 0;" id="cf470e91--t_tabs_30_panel_2"></view>
                <view class="  t-tab-panel panel--t-tab-panel" style="height: 0;" id="ebd53fa0--t_tabs_30_panel_3"></view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="pageInfo">
        <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80">
          <view class="refresh-container">
            <view class="loading">
              <view class="wrapper  t-loading loading--t-loading t-loading--horizontal loading--t-loading--horizontal" style="true">
                <view class=" t-loading__spinner loading--t-loading__spinner t-loading__spinner--circular loading--t-loading__spinner--circular" style="width: 20px; height: 20px;   animation-duration: 0.8s; animation-play-state: running;">
                  <view class="t-loading__circular loading--t-loading__circular sk-image"></view>
                </view>
                <view class="t-loading__text loading--t-loading__text t-loading__text--horizontal loading--t-loading__text--horizontal sk-transparent sk-text-20-0000-242 sk-text" style="background-position-x: 50%;">正在刷新...</view>
              </view>
            </view>
          </view>
          <view class="list">
            <view class="content-item">
              <view class="codeInfoBox">
                <view class="top">
                  <view class="stateBox sk-transparent">状态：
                    <text class="success sk-transparent sk-text-25-0000-403 sk-text">已通过</text>
                  </view>
                  <view class="sk-transparent sk-text-25-0000-613 sk-text">申请日期：2024-04-02</view>
                </view>
                <view class="down">
                  <view class="mailInfo">
                    <text class="mailNum sk-transparent sk-text-25-0000-11 sk-text">快递单号：sf1234567892024040212365</text>
                    <text class="mailName sk-transparent sk-text-25-0000-820 sk-text">快递公司：顺丰速递</text>
                  </view>
                </view>
              </view>
              <view class="listBox">
                <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
                  <view class="order-centent">
                    <view class="bookBox" data-book="[object Object]">
                      <view class="leftCon">
                        <image class="purchasedIcon sk-image" mode="aspectFit"></image>
                      </view>
                      <view class="rightCon">
                        <view class="productTitle sk-transparent sk-text-18-1818-457 sk-text">感悟汉语</view>
                      </view>
                    </view>
                  </view>
                </scroll-view>
              </view>
            </view>
            <view class="content-item">
              <view class="codeInfoBox">
                <view class="top">
                  <view class="stateBox sk-transparent">状态：
                    <text class="success sk-transparent sk-text-25-0000-110 sk-text">已通过</text>
                  </view>
                  <view class="sk-transparent sk-text-25-0000-55 sk-text">申请日期：2024-03-05</view>
                </view>
                <view class="down">
                  <view class="mailInfo">
                    <text class="mailNum sk-transparent sk-text-25-0000-996 sk-text">快递单号：zt101102024030501101235469874102365</text>
                    <text class="mailName sk-transparent sk-text-25-0000-592 sk-text">快递公司：中通</text>
                  </view>
                </view>
              </view>
              <view class="listBox">
                <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true">
                  <view class="order-centent">
                    <view class="bookBox" data-book="[object Object]">
                      <view class="leftCon">
                        <image class="purchasedIcon sk-image" mode="aspectFit"></image>
                      </view>
                      <view class="rightCon">
                        <view class="productTitle sk-transparent sk-text-18-1818-369 sk-text">管理学</view>
                      </view>
                    </view>
                  </view>
                </scroll-view>
              </view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</template>

 packagePersonal/pages/sampleBooks/index.skeleton.wxss

New file
@@ -0,0 +1,117 @@
/*
此文件为开发者工具生成，生成时间: 2024/4/11下午4:53:19

在 F:\project-2024\jsek-applet\packagePersonal\pages\sampleBooks\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-997 {
    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 {
    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-843 {
    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-614 {
    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-437 {
    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-449 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-693 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-20-0000-242 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-403 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-613 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-11 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-820 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-457 {
    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-25-0000-110 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-55 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-996 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-25-0000-592 {
    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-369 {
    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 packagePersonal/pages/sampleBooks/index.wxml

@@ -1,5 +1,5 @@
<view class="container">
  <view class="page-header">
  <view class="page-header" wx:if="{{!skeletonLoding}}">
    <view class="tabOne">
      <t-tabs t-class="t-tabs" value="{{active}}" split="{{false}}" bind:change="tabClick">
        <t-tab-panel label="纸质样书" value="0" />
@@ -12,7 +12,7 @@
      </t-tabs>
    </view>
  </view>
  <view class="pageInfo">
  <view class="pageInfo" wx:if="{{!skeletonLoding}}">
    <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
      <view slot="refresher" class="refresh-container">
        <view class="loading">
@@ -73,4 +73,7 @@
    </scroll-view>
  </view>
</view>
<t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>
<t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>

<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />

 packagePersonal/pages/sampleBooks/index.wxss

@@ -1,4 +1,6 @@
/* pages/personalCenter/sampleBooks/index.wxss */
@import "./index.skeleton.wxss";

page {
  background-color: #F2F3F8;
}

 pages/study/index.skeleton.wxml

New file
@@ -0,0 +1,107 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午4:59:52
使用方法：
在 F:\project-2024\jsek-applet\pages\study\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 F:\project-2024\jsek-applet\pages\study\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="container">
      <view class="top-content">
        <view class="boxStyle">
          <view class="box-item">
            <view class="sk-transparent sk-text-26-7857-800 sk-text" style="background-position-x: 50%;">累计学习时长</view>
            <view class="result">
              <text class="num sk-transparent sk-text-17-8571-590 sk-text" style="background-position-x: 50%;">98小时</text>
            </view>
          </view>
          <view class="box-item">
            <view class="sk-transparent sk-text-26-7857-651 sk-text" style="background-position-x: 50%;">上一次登陆时间</view>
            <view class="result sk-transparent sk-text-26-7857-516 sk-text" style="background-position-x: 50%;">2024-04-11 16:27:43</view>
          </view>
        </view>
      </view>
      <view class="tabOne">
        <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  t-tabs" style="true">
          <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top">
            <view class="t-sticky__content sticky--t-sticky__content ">
              <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" scroll-left="0" scroll-x="true">
                  <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top">
                    <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-661 sk-text">图书（9本）</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-28 sk-text">课程（0门）</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-45 sk-text">数字教材（0本）</view>
                    </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 " style="true">
              <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="261aebf2--t_tabs_67_panel_0"></view>
              <view class="  t-tab-panel panel--t-tab-panel" style="height: 0;" id="17cdba08--t_tabs_67_panel_1"></view>
              <view class="  t-tab-panel panel--t-tab-panel" style="height: 0;" id="87ab2d6c--t_tabs_67_panel_2"></view>
            </view>
          </view>
        </view>
      </view>
      <view class="pageInfo">
        <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80">
          <view class="list">
            <view class="listBox">
              <view class="content-item">
                <view class="book-img" data-book="[object Object]">
                  <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="6b3a064b--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-12-5000-205 sk-text">视听说：美国经典电影</view>
                </view>
              </view>
              <view class="content-item">
                <view class="book-img" data-book="[object Object]">
                  <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9a526f46--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-12-5000-856 sk-text">中国现当代文学史简明教程</view>
                </view>
              </view>
              <view class="content-item">
                <view class="book-img" data-book="[object Object]">
                  <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="27619772--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-12-5000-289 sk-text">中国现代作家作品导引</view>
                </view>
              </view>
              <view class="content-item">
                <view class="book-img" data-book="[object Object]">
                  <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="101ef44d--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
                </view>
                <view class="body-info" data-book="[object Object]">
                  <view class="name sk-transparent sk-text-12-5000-528 sk-text">现代汉语基础理论与应用</view>
                </view>
              </view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</template>

 pages/study/index.skeleton.wxss

New file
@@ -0,0 +1,92 @@
/*
此文件为开发者工具生成，生成时间: 2024/4/11下午4:59:52

在 F:\project-2024\jsek-applet\pages\study\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-26-7857-800 {
    background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, 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-17-8571-590 {
    background-image: linear-gradient(transparent 17.8571%, #EEEEEE 0%, #EEEEEE 82.1429%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-26-7857-651 {
    background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-26-7857-516 {
    background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-661 {
    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-28 {
    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-45 {
    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-20-0000-652 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-12-5000-205 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-12-5000-856 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-12-5000-289 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-text-12-5000-528 {
    background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important;
    background-size: 100% 40.0000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 pages/study/index.wxml

@@ -1,5 +1,5 @@
<view class="container">
  <view class="top-content">
  <view class="top-content" wx:if="{{!skeletonLoding}}">
    <view class="boxStyle">
      <view class="box-item">
        <view>累计学习时长</view>
@@ -11,14 +11,14 @@
      </view>
    </view>
  </view>
  <view class="tabOne">
  <view class="tabOne" wx:if="{{!skeletonLoding}}">
    <t-tabs t-class="t-tabs" value="{{active}}" split="{{false}}" bind:change="tabClick">
      <t-tab-panel label="{{titleBook}}" value="0" class="{{active == '2' ? 'oneBorder' : ''}}" />
      <t-tab-panel label="{{titleCourse}}" value="1" />
      <t-tab-panel label="{{titleTextBook}}" value="2" />
    </t-tabs>
  </view>
  <view class="pageInfo">
  <view class="pageInfo" wx:if="{{!skeletonLoding}}">
    <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
      <view slot="refresher" class="refresh-container">
        <view class="loading">
@@ -60,4 +60,7 @@
    </scroll-view>

  </view>
</view>
</view>

<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />

 pages/study/index.wxss

@@ -1,3 +1,5 @@
@import "./index.skeleton.wxss";

page {
  background-color: #F2F3F8;
}