各页面添加骨架屏

闫增涛

2024-04-11 78068d49c20a8b90db902d955f558af507eb8b96

各页面添加骨架屏

 packageBookService/pages/bookServices/detail/index.skeleton.wxml

New file
@@ -0,0 +1,309 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午2:39:05
使用方法：
在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\detail\index.wxml 引入模板

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

在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\detail\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="page-bookService">
      <view style="width: 100%; height: 47px"></view>
      <view class="nacigationBar" style="width: 70%; height: 40px">
        <view>
          <view class="t-icon icon--t-icon" style="font-size: 30px">
            <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
          </view>
        </view>
        <view class="navbar-title sk-transparent sk-text-14-2857-928 sk-text">管理学（微课版）</view>
      </view>
      <scroll-view class="book" scroll-y="true">
        <view class="book-box sk-image">
          <view class="book-detail" id="book-detail">
            <view class="detail-left">
              <view class="book-img">
                <image mode="aspectFill" class="sk-image"></image>
              </view>
              <view class="book-use">
                <view class="collect">
                  <view>
                    <image class="sk-image"></image>
                  </view>
                  <view class="use-title sk-transparent sk-text-14-2857-114 sk-text">收藏</view>
                </view>
                <view class="suggest">
                  <view>
                    <image class="sk-image"></image>
                  </view>
                  <view class="use-title sk-transparent sk-text-14-2857-71 sk-text">我要建议</view>
                </view>
              </view>
            </view>
            <view class="detail-right">
              <view class="book-name showTow sk-transparent sk-text-14-2857-941 sk-text">管理学（微课版）</view>
              <view class="book-message">
                <view class="message-li">
                  <view class="li-title sk-transparent sk-text-14-2857-902 sk-text">作者：</view>
                  <view class="li-content sk-transparent sk-text-14-2857-603 sk-text">王文周</view>
                </view>
                <view class="message-li">
                  <view class="li-title sk-transparent sk-text-14-2857-210 sk-text">ISBN：</view>
                  <view class="li-content sk-transparent sk-text-14-2857-305 sk-text">978-7-303-270-965</view>
                </view>
                <view class="message-li">
                  <view class="li-title sk-transparent sk-text-14-2857-73 sk-text">出版时间：</view>
                  <view class="li-content sk-transparent sk-text-14-2857-207 sk-text">2021年8月</view>
                </view>
                <view class="message-li" style="height: 41px">
                  <view class="li-title sk-transparent sk-text-14-2857-434 sk-text">图书分类：</view>
                  <view class="class-name showTow sk-transparent sk-text-14-2857-211 sk-text">新世纪高等学校教材</view>
                </view>
              </view>
              <image class="right-background sk-image"></image>
            </view>
          </view>
          <view class="book-sale">
            <view class="book-price">
              <view class="electron-price">
                <view>
                  <image class="sk-image"></image>
                </view>
                <view class="price">
                  <view class="price-text sk-transparent sk-text-14-2857-527 sk-text">¥49.80</view>
                </view>
                <view></view>
              </view>
              <view class="paper-price">
                <view>
                  <image class="sk-image"></image>
                </view>
                <view class="price sk-transparent sk-text-14-2857-271 sk-text">¥49.80</view>
              </view>
            </view>
            <view class="book-web">
              <image data-link="https://item.jd.com/13404504.html?cu=true&amp;utm_source=kong&amp;utm_medium=tuiguang&amp;utm_campaign=t_1003847423_&amp;utm_term=da1e0bdf09cd419cabf86cdffb322742" data-type="jd" class="sk-image"></image>
              <image data-link="https://product.dangdang.com/11602558067.html" class="sk-image"></image>
            </view>
          </view>
        </view>
        <movable-area class="movable-area">
          <view class="book-resource">
            <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top tab-class custom-tabs" style="true">
              <view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index: 1 ;">
                <view class="t-sticky__content sticky--t-sticky__content" style="z-index: 1 ;">
                  <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
                    <scroll-view enable-flex="true" enhanced="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
                      <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none">
                        <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active sk-image" 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">
                            <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ">
                              <view class="t-icon--image icon--t-icon--image">
                                <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                              </view>
                            </view>图书简介
                          </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">
                            <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ">
                              <view class="t-icon--image icon--t-icon--image">
                                <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                              </view>
                            </view>教学资源
                          </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">
                            <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ">
                              <view class="t-icon--image icon--t-icon--image">
                                <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                              </view>
                            </view>云学习
                          </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">
                            <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ">
                              <view class="t-icon--image icon--t-icon--image">
                                <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                              </view>
                            </view>云测试
                          </view>
                        </view>
                        <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top" data-index="4">
                          <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent">
                            <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ">
                              <view class="t-icon--image icon--t-icon--image">
                                <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                              </view>
                            </view>云笔记
                          </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="5">
                          <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent">
                            <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ">
                              <view class="t-icon--image icon--t-icon--image">
                                <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                              </view>
                            </view>相关图书
                          </view>
                        </view>
                        <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top" style=" -webkit-transform: translateX(24.5px);transform: translateX(24.5px);"></view>
                      </view>
                    </scroll-view>
                  </view>
                </view>
              </view>
              <view class="t-tabs__content tabs--t-tabs__content">
                <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
                  <view class="t-tab-panel tab-panel--t-tab-panel t-is-active tab-panel--t-is-active" style="true" id="4e5240c1--t_tabs_2_panel_0">
                    <view is="packageBookService/pages/bookServices/detail/components/brief/index">
                      <view class="brief-index--message">
                        <view class="brief-index--basic">
                          <view class="brief-index--basic-title">
                            <view>
                              <image class="sk-image"></image>
                            </view>
                            <view class="brief-index--title-name sk-transparent sk-text-14-2857-492 sk-text">基本信息</view>
                          </view>
                          <rich-text nodes=""></rich-text>
                        </view>
                        <view class="brief-index--basic">
                          <view class="brief-index--basic-title">
                            <view>
                              <image class="sk-image"></image>
                            </view>
                            <view class="brief-index--title-name sk-transparent sk-text-14-2857-323 sk-text">作者简介</view>
                          </view>
                        </view>
                        <rich-text nodes="" style="font-size: 14px;color: #333;line-height: 24px;text-align: justify;"></rich-text>
                      </view>
                    </view>
                  </view>
                  <view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" id="4e90759b--t_tabs_2_panel_1"></view>
                  <view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" id="8ad82e81--t_tabs_2_panel_2"></view>
                  <view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" id="93887d3b--t_tabs_2_panel_3">
                    <view>
                      <view is="packageBookService/pages/bookServices/detail/components/testResource/testResource" id="test-resource">
                        <view class="testResource--test-resource">
                          <view class="testResource--top-btn">
                            <view class="t-radio-group group--t-radio-group testResource--test-radio testResource--horizontal-box" style="margin: 0 5px 0 0">
                              <view class="testResource--card testResource--card--active">
                                <view class="t-radio radio--t-radio t-radio--left radio--t-radio--left t-radio--block radio--t-radio--block" style="height: 41px" tabindex="0">
                                  <view class="t-radio__content radio--t-radio__content" data-target="text">
                                    <view class="t-radio__title radio--t-radio__title t-radio__title--checked radio--t-radio__title--checked sk-transparent" style="-webkit-line-clamp: 3"></view>
                                    <view class="t-radio__description radio--t-radio__description t-radio__description--checked radio--t-radio__description--checked" style="-webkit-line-clamp: 5">
                                      <view class="testResource--radio-content">
                                        <image class="sk-image"></image>
                                        <text style="color: #fff" class="sk-transparent sk-text-18-1818-263 sk-text">练习</text>
                                      </view>
                                    </view>
                                  </view>
                                </view>
                              </view>
                              <view class="testResource--card">
                                <view class="t-radio radio--t-radio t-radio--left radio--t-radio--left t-radio--block radio--t-radio--block" style="height: 41px" tabindex="0">
                                  <view class="t-radio__content radio--t-radio__content" data-target="text">
                                    <view class="t-radio__title radio--t-radio__title sk-transparent" style="-webkit-line-clamp: 3"></view>
                                    <view class="t-radio__description radio--t-radio__description" style="-webkit-line-clamp: 5">
                                      <view class="testResource--radio-content">
                                        <image class="sk-image"></image>
                                        <text style="color: #ff6c00" class="sk-transparent sk-text-18-1818-30 sk-text">组卷</text>
                                      </view>
                                    </view>
                                  </view>
                                </view>
                              </view>
                            </view>
                            <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="padding: 0 6px" class="testResource--error-btn t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--rectangle button--t-button--rectangle t-button--size-medium button--t-button--size-medium sk-button sk-pseudo sk-pseudo-circle">
                              <view class="t-button__content button--t-button__content">
                                <view class="testResource--btn-content">
                                  <image class="sk-image"></image>
                                  <text class="testResource--primary-color sk-transparent sk-text-32-9268-694 sk-text" style="background-position-x: 50%">我的错题</text>
                                </view>
                              </view>
                            </button>
                            <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="padding: 0 6px" class="testResource--collect-btn t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--rectangle button--t-button--rectangle t-button--size-medium button--t-button--size-medium sk-button sk-pseudo sk-pseudo-circle">
                              <view class="t-button__content button--t-button__content">
                                <view class="testResource--btn-content">
                                  <image class="sk-image"></image>
                                  <text class="testResource--primary-color sk-transparent sk-text-32-9268-466 sk-text" style="background-position-x: 50%">
                                    我的收藏</text>
                                </view>
                              </view>
                            </button>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" id="911cfff2--t_tabs_2_panel_4">
                    <view is="packageBookService/pages/bookServices/detail/components/note/note" class="note-list" id="note">
                      <view class="note--note">
                        <view class="note--note-btn">
                          <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="width: 124px" class="note--make-note t-button button--t-button t-button--base button--t-button--base t-button--primary button--t-button--primary t-button--rectangle button--t-button--rectangle t-button--size-medium button--t-button--size-medium sk-button sk-pseudo sk-pseudo-circle">
                            <view class="t-button__content button--t-button__content">
                              <view class="note--btn-content">
                                <image class="sk-image"></image>
                                <text class="note--note-btn-text sk-transparent sk-text-32-9268-987 sk-text" style="background-position-x: 50%">记笔记</text>
                              </view>
                            </view>
                          </button>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" id="fd2d3b65--t_tabs_2_panel_5">
                    <view is="packageBookService/pages/bookServices/detail/components/relatedBooks/index">
                      <view class="relatedBooks-index--reletedBooks relatedBooks-index--fl"></view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <movable-view class="movable-view" direction="all" style="transform: translateX(0px) translateY(0px) translateZ(0px)scale(1);transform-origin: center center;">
            <view class="applyBox">
              <view class="box">
                <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="8d19d690--image" mode="heightFix" style="width: 95px"></image>
              </view>
            </view>
          </movable-view>
        </movable-area>
      </scroll-view>
      <view is="packageBookService/pages/bookServices/detail/components/suggest/suggest" class="suggest-component" id="suggest-component"></view>
      <view class="box-bottom">
        <view class="bottom-btn">
          <view>
            <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9796bcfb--image" mode="scaleToFill" style="true"></image>
          </view>
          <view class="btn-text sk-transparent sk-text-14-2857-103 sk-text">电子样书申请</view>
        </view>
        <view class="bottom-btn">
          <view>
            <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="e67eb843--image" mode="scaleToFill" style="true"></image>
          </view>
          <view class="btn-text sk-transparent sk-text-14-2857-823 sk-text">纸质样书申请</view>
        </view>
        <view class="bottom-btn tryRead">
          <view>
            <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="5cbc8a00--image" mode="scaleToFill" style="true"></image>
          </view>
          <view class="btn-text sk-transparent sk-text-14-2857-17 sk-text">试读</view>
        </view>
        <view class="shopCar shopCarColor sk-transparent sk-text-14-2857-39 sk-text">加入购物车</view>
        <view class="buy buyColor sk-transparent sk-text-14-2857-541 sk-text">立即购买</view>
      </view>
    </view>
  </view>
</template>

 packageBookService/pages/bookServices/detail/index.skeleton.wxss

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

在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\detail\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-928 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 53.8462rpx;
    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-114 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    position: relative !important;
  }
.sk-text-14-2857-71 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    position: relative !important;
  }
.sk-text-14-2857-941 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 48.4615rpx;
    position: relative !important;
  }
.sk-text-14-2857-902 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-603 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-210 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-305 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-73 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-207 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-434 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-211 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-527 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 45.7692rpx;
    position: relative !important;
  }
.sk-text-14-2857-271 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 45.7692rpx;
    position: relative !important;
  }
.sk-text-14-2857-492 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-14-2857-323 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-18-1818-263 {
    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
    background-size: 100% 42.3077rpx;
    position: relative !important;
  }
.sk-text-18-1818-30 {
    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
    background-size: 100% 42.3077rpx;
    position: relative !important;
  }
.sk-text-32-9268-694 {
    background-image: linear-gradient(transparent 32.9268%, #EEEEEE 0%, #EEEEEE 67.0732%, transparent 0%) !important;
    background-size: 100% 78.8462rpx;
    position: relative !important;
  }
.sk-text-32-9268-466 {
    background-image: linear-gradient(transparent 32.9268%, #EEEEEE 0%, #EEEEEE 67.0732%, transparent 0%) !important;
    background-size: 100% 78.8462rpx;
    position: relative !important;
  }
.sk-text-32-9268-987 {
    background-image: linear-gradient(transparent 32.9268%, #EEEEEE 0%, #EEEEEE 67.0732%, transparent 0%) !important;
    background-size: 100% 78.8462rpx;
    position: relative !important;
  }
.sk-text-14-2857-103 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    position: relative !important;
  }
.sk-text-14-2857-823 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    position: relative !important;
  }
.sk-text-14-2857-17 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    position: relative !important;
  }
.sk-text-14-2857-39 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 35.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-541 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 35.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;
  }

 packageBookService/pages/bookServices/detail/index.wxml

@@ -1,33 +1,61 @@
<!--pages/bookServices/detail/index.wxml-->
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{pageLoading}}" />

<!--导航区域 -->
<view class="page-bookService" wx:if="{{!pageLoading}}">
  <view style="width: 100%; height: {{barHeight}}px; "></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
      <t-icon
        name="chevron-left"
        size="30"
        data-name="{{item}}"
        bind:click="goBack"
      />
    </view>
    <view class="navbar-title">{{options.name}}</view>
  </view>
  <t-toast id="t-toast" />
  <scroll-view scroll-y="{{true}}" class="book" bindscrolltolower="onReachBottom">
  <scroll-view
    scroll-y="{{true}}"
    class="book"
    bindscrolltolower="onReachBottom"
  >
    <!-- 图书详情 -->
    <view class="book-box">
      <view class="book-detail" id="book-detail">
        <view class="detail-left">
          <view class="book-img">
            <image loading="" src="{{bookDetail.icon ? bookDetail.icon : '/static/images/default-book-img.png'}}" mode="aspectFill" aria-label="{{bookDetail.name}}" />
            <image
              loading=""
              src="{{bookDetail.icon ? bookDetail.icon : '/static/images/default-book-img.png'}}"
              mode="aspectFill"
              aria-label="{{bookDetail.name}}"
            />
          </view>
          <view class="book-use">
            <view class="collect" bind:tap="setCollect">
              <view>
                <image loading="" src="/static/images/bookService/detail/collect.png" wx:if="{{!bookDetail.isFavourite}}" />
                <image loading="" src="/static/images/bookService/detail/collecting.png" wx:if="{{bookDetail.isFavourite}}" />
                <image
                  loading=""
                  src="/static/images/bookService/detail/collect.png"
                  wx:if="{{!bookDetail.isFavourite}}"
                />
                <image
                  loading=""
                  src="/static/images/bookService/detail/collecting.png"
                  wx:if="{{bookDetail.isFavourite}}"
                />
              </view>
              <view class="use-title">收藏</view>
            </view>
            <view class="suggest" bind:tap="suggestBtn">
              <view>
                <image loading="" src="/static/images/bookService/detail/suggest.png" />
                <image
                  loading=""
                  src="/static/images/bookService/detail/suggest.png"
                />
              </view>
              <view class="use-title">我要建议</view>
            </view>
@@ -49,15 +77,24 @@
              <view class="li-content">{{bookDetail.isbn}}</view>
            </view>
            <view class="message-li">
              <view class="li-title" wx:if="{{bookDetail.publicationDate}}">出版时间：</view>
              <view class="li-title" wx:if="{{bookDetail.publicationDate}}"
                >出版时间：</view
              >
              <view class="li-content">{{bookDetail.publicationDate}}</view>
            </view>
            <view class="message-li" wx:if="{{bookDetail.class}}" style="height: 80rpx">
            <view
              class="message-li"
              wx:if="{{bookDetail.class}}"
              style="height: 80rpx"
            >
              <view class="li-title">图书分类：</view>
              <view class="class-name showTow">{{bookDetail.class}}</view>
            </view>
          </view>
          <image src="/static/images/bookService/detail/square.png" class="right-background" />
          <image
            src="/static/images/bookService/detail/square.png"
            class="right-background"
          />
        </view>
      </view>
      <!-- 销售信息 -->
@@ -66,12 +103,17 @@
          <!-- 电子书售价 -->
          <view class="electron-price" wx:if="{{bookDetail.price}}">
            <view>
              <image src="/static/images/bookService/detail/electon-price.png" />
              <image
                src="/static/images/bookService/detail/electon-price.png"
              />
            </view>
            <view class="price">
              <view class="price-text">{{bookDetail.price == '0.00' ? '免费' : '¥'+
                bookDetail.price}}</view>
              <view class="price-old" wx:if="{{bookDetail.oldPrice != '0.00'}}">¥{{bookDetail.oldPrice}}
              <view class="price-text"
                >{{bookDetail.price == '0.00' ? '免费' : '¥'+
                bookDetail.price}}</view
              >
              <view class="price-old" wx:if="{{bookDetail.oldPrice != '0.00'}}"
                >¥{{bookDetail.oldPrice}}
              </view>
            </view>
            <view> </view>
@@ -81,26 +123,68 @@
            <view>
              <image src="/static/images/bookService/detail/paper-price.png" />
            </view>
            <view class="price">{{bookDetail.paperPrice == '0.00' ? '免费' :
              '¥'+bookDetail.paperPrice}}</view>
            <view class="price"
              >{{bookDetail.paperPrice == '0.00' ? '免费' :
              '¥'+bookDetail.paperPrice}}</view
            >
          </view>
        </view>
        <!-- 网店 -->
        <view class="book-web">
          <image src="/static/images/bookService/detail/jd.png" wx:if="{{bookDetail.JDLink}}" bind:tap="goShop" data-link="{{bookDetail.JDLink}}" data-type="jd" />
          <image class="tmall-image" src="/static/images/bookService/detail/tmall.png" bind:tap="goShop" data-link="{{bookDetail.tmallLink}}" wx:if="{{bookDetail.tmallLink}}" />
          <image src="/static/images/bookService/detail/dangdang.png" bind:tap="goShop" data-link="{{bookDetail.dangdangLink}}" wx:if="{{bookDetail.dangdangLink}}" />
          <image src="/static/images/bookService/detail/weidian.png" bind:tap="goShop" data-link="{{bookDetail.weidianLink}}" wx:if="{{bookDetail.weidianLink}}" />
          <image
            src="/static/images/bookService/detail/jd.png"
            wx:if="{{bookDetail.JDLink}}"
            bind:tap="goShop"
            data-link="{{bookDetail.JDLink}}"
            data-type="jd"
          />
          <image
            class="tmall-image"
            src="/static/images/bookService/detail/tmall.png"
            bind:tap="goShop"
            data-link="{{bookDetail.tmallLink}}"
            wx:if="{{bookDetail.tmallLink}}"
          />
          <image
            src="/static/images/bookService/detail/dangdang.png"
            bind:tap="goShop"
            data-link="{{bookDetail.dangdangLink}}"
            wx:if="{{bookDetail.dangdangLink}}"
          />
          <image
            src="/static/images/bookService/detail/weidian.png"
            bind:tap="goShop"
            data-link="{{bookDetail.weidianLink}}"
            wx:if="{{bookDetail.weidianLink}}"
          />
        </view>
      </view>
    </view>

    <view class="book-resource">
      <movable-area class="movable-area">
        <t-tabs value="{{tabValue}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel" class="tab-class">
          <t-tab-panel label="图书简介" icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}" value="brief" style="{{tabPanelstyle}}">
            <book-brief content="{{bookDetail.content}}" authorIntroduction="{{bookDetail.authorIntroduction}}" wx:if="{{bookDetail.content || bookDetail.authorIntroduction}}"></book-brief>
            <view wx:if="{{!bookDetail.content && !bookDetail.authorIntroduction}}" class="noData">
        <t-tabs
          value="{{tabValue}}"
          bind:change="onTabsChange"
          t-class="custom-tabs"
          t-class-content="custom-panel"
          class="tab-class"
        >
          <t-tab-panel
            label="图书简介"
            icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}"
            value="brief"
            style="{{tabPanelstyle}}"
          >
            <book-brief
              content="{{bookDetail.content}}"
              authorIntroduction="{{bookDetail.authorIntroduction}}"
              wx:if="{{bookDetail.content || bookDetail.authorIntroduction}}"
            ></book-brief>
            <view
              wx:if="{{!bookDetail.content && !bookDetail.authorIntroduction}}"
              class="noData"
            >
              <t-empty icon="folder-open" description="暂无数据" />
            </view>
          </t-tab-panel>
@@ -111,82 +195,203 @@
          style="{{tabPanelstyle}}"
        >
        </t-tab-panel> -->
          <t-tab-panel label="教学资源" icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}" value="jsek_teachingResources" class="{{loading ? 'loading': ''}}">
            <view wx:if="{{!loading && teach.length && !noResources && applyState}}">
              <teach-resource applyState="{{applyState}}" rejectCause="{{rejectCause}}" deadline="{{deadline}}" bind:applyResource="applyResource" applyResourceLoading="{{applyResourceLoading}}"></teach-resource>
              <tree id="teach-tree" openIds="{{openTeachids}}" bookInfo="{{bookDetail}}" treeList="{{teach}}" tab="{{tabValue}}" applyState="{{applyState}}" bind:downloadTeach="downloadTeach" bind:handleTree="handleTree" openTeachids="{{openTeachids}}" wx:if="{{teach.length}}"></tree>
          <t-tab-panel
            label="教学资源"
            icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}"
            value="jsek_teachingResources"
            class="{{loading ? 'loading': ''}}"
          >
            <view
              wx:if="{{!loading && teach.length && !noResources && applyState}}"
            >
              <teach-resource
                applyState="{{applyState}}"
                rejectCause="{{rejectCause}}"
                deadline="{{deadline}}"
                bind:applyResource="applyResource"
                applyResourceLoading="{{applyResourceLoading}}"
              ></teach-resource>
              <tree
                id="teach-tree"
                openIds="{{openTeachids}}"
                bookInfo="{{bookDetail}}"
                treeList="{{teach}}"
                tab="{{tabValue}}"
                applyState="{{applyState}}"
                bind:downloadTeach="downloadTeach"
                bind:handleTree="handleTree"
                openTeachids="{{openTeachids}}"
                wx:if="{{teach.length}}"
              ></tree>
            </view>
            <t-loading theme="circular" size="60rpx" class="loading" loading="{{loading }}" />
            <t-loading
              theme="circular"
              size="60rpx"
              class="loading"
              loading="{{loading }}"
            />
            <view wx:if="{{noResources}}" class="noData">
              <t-empty icon="folder-open" description="暂无数据" />
            </view>
          </t-tab-panel>
          <t-tab-panel label="云学习" icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}" value="jsek_cloudLearning" style="{{tabPanelstyle}}">
          <t-tab-panel
            label="云学习"
            icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}"
            value="jsek_cloudLearning"
            style="{{tabPanelstyle}}"
          >
            <view wx:if="{{!loading && learn.length}}">
              <learn-resource bind:getFreeResource="getFreeResource" bind:allAddShoppiingCar="allAddShoppiingCar" id="learn-resource" buyResourceData="{{buyResourceData}}" bookId="{{bookDetail.id}}" isshowDrawBtn="{{isshowDrawBtn}}"></learn-resource>
              <learn-resource
                bind:getFreeResource="getFreeResource"
                bind:allAddShoppiingCar="allAddShoppiingCar"
                id="learn-resource"
                buyResourceData="{{buyResourceData}}"
                bookId="{{bookDetail.id}}"
                isshowDrawBtn="{{isshowDrawBtn}}"
              ></learn-resource>

              <tree id="tree" openIds="{{openLearnids}}" bookInfo="{{bookDetail}}" tab="{{tabValue}}" treeList="{{learn}}" buyIds="{{buyIdList}}" openLearnids="{{openLearnids}}" bind:updateShoppingCartHidden="updateShoppingCartHidden" bind:updateCloudLearning="updateCloudLearning"></tree>
              <tree
                id="tree"
                openIds="{{openLearnids}}"
                bookInfo="{{bookDetail}}"
                tab="{{tabValue}}"
                treeList="{{learn}}"
                buyIds="{{buyIdList}}"
                openLearnids="{{openLearnids}}"
                bind:updateShoppingCartHidden="updateShoppingCartHidden"
                bind:updateCloudLearning="updateCloudLearning"
              ></tree>
            </view>
            <view wx:if="{{noResources}}" class="noData">
              <t-empty icon="folder-open" description="暂无数据" />
            </view>
          </t-tab-panel>
          <t-tab-panel label="云测试" icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}" value="questionBank" style="{{tabPanelstyle}}">
          <t-tab-panel
            label="云测试"
            icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}"
            value="questionBank"
            style="{{tabPanelstyle}}"
          >
            <view wx:if="{{!loading}}">
              <test-resource id="test-resource" list="{{test}}" bookInfo="{{bookDetail}}" mockData="{{mockData}}" bind:buyMock="buyMock"></test-resource>
              <test-resource
                id="test-resource"
                list="{{test}}"
                bookInfo="{{bookDetail}}"
                mockData="{{mockData}}"
                bind:buyMock="buyMock"
              ></test-resource>
            </view>
          </t-tab-panel>
          <t-tab-panel label="云笔记" icon="{{tabValue == 'jsek_note' ? noteClickIcon: noteIcon}}" value="jsek_note" style="{{tabPanelstyle}}">
          <t-tab-panel
            label="云笔记"
            icon="{{tabValue == 'jsek_note' ? noteClickIcon: noteIcon}}"
            value="jsek_note"
            style="{{tabPanelstyle}}"
          >
            <note bookInfo="{{bookDetail}}" id="note" class="note-list"></note>
          </t-tab-panel>
          <t-tab-panel label="相关图书" icon="{{tabValue == 'related_books' ? linkClickIcon: linkIcon}}" value="related_books" style="{{tabPanelstyle}}">
            <related-books relatedBookData="{{relatedBookData}}" relatedBookLoading="{{relatedBookLoading}}" noRelatedBookData="{{noRelatedBookData}}" bind:goBookDetails="goBookDetails"></related-books>
          <t-tab-panel
            label="相关图书"
            icon="{{tabValue == 'related_books' ? linkClickIcon: linkIcon}}"
            value="related_books"
            style="{{tabPanelstyle}}"
          >
            <related-books
              relatedBookData="{{relatedBookData}}"
              relatedBookLoading="{{relatedBookLoading}}"
              noRelatedBookData="{{noRelatedBookData}}"
              bind:goBookDetails="goBookDetails"
            ></related-books>
          </t-tab-panel>
        </t-tabs>
        <movable-view class="movable-view" :x="{{x}}" :y="{{y}}" direction="all">
        <movable-view
          class="movable-view"
          :x="{{x}}"
          :y="{{y}}"
          direction="all"
        >
          <view class="applyBox" bindtap="goApply">
            <view class="box">
              <t-image src="/static/images/home/yangshuForm1.png" mode="heightFix" class="img" />
              <t-image
                src="/static/images/home/yangshuForm1.png"
                mode="heightFix"
                class="img"
              />
              <view class="num" wx:if="{{num > 0}}">{{num}}</view>
            </view>
          </view>
        </movable-view>
      </movable-area>
    </view>

  </scroll-view>
  <!-- 我要建议弹窗 -->
  <suggest class="suggest-component" id="suggest-component" bookIcon="{{bookDetail.icon}}" bookName="{{bookDetail.name}}"></suggest>
  <suggest
    class="suggest-component"
    id="suggest-component"
    bookIcon="{{bookDetail.icon}}"
    bookName="{{bookDetail.name}}"
  ></suggest>
  <!-- 教学资源下载提示弹窗 -->
  <t-dialog class="teachDownloadDialog" visible="{{isShowTeachDownload}}" title="提示" content="请前往PC端下载" confirm-btn="{{ confirmBtn }}" bind:confirm="closeTeachDownload" />
  <t-dialog
    class="teachDownloadDialog"
    visible="{{isShowTeachDownload}}"
    title="提示"
    content="请前往PC端下载"
    confirm-btn="{{ confirmBtn }}"
    bind:confirm="closeTeachDownload"
  />
  <!-- 购买按钮 -->
  <view class="box-bottom">
    <view class="bottom-btn" bind:tap="appplyElectronicBook">
      <view>
        <t-image loading="" src="/static/images/bookService/detail/ebook.png"></t-image>
        <t-image
          loading=""
          src="/static/images/bookService/detail/ebook.png"
        ></t-image>
      </view>
      <view class="btn-text">电子样书申请</view>
    </view>
    <view class="bottom-btn" bind:tap="appplyPaperBook">
      <view>
        <t-image src="/static/images/bookService/detail/paper-book.png"></t-image>
        <t-image
          src="/static/images/bookService/detail/paper-book.png"
        ></t-image>
      </view>
      <view class="btn-text">纸质样书申请</view>
    </view>
    <view class="{{!bookBuy && bookDetail.isSell ? 'bottom-btn tryRead' : 'bottom-btn try'}}" bind:tap="goRead" wx:if="{{!bookBuy}}">
    <view
      class="{{!bookBuy && bookDetail.isSell ? 'bottom-btn tryRead' : 'bottom-btn try'}}"
      bind:tap="goRead"
      wx:if="{{!bookBuy}}"
    >
      <view>
        <t-image src="/static/images/bookService/detail/shidu.png"></t-image>
      </view>
      <view class="btn-text">试读</view>
    </view>

    <view class="shopCar shopCarColor" bind:tap="addBookShopcCar" wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}">加入购物车</view>
    <view class="buy buyColor" bind:tap="buyBtn" wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}">立即购买</view>
    <view class="buy receiveColor" bind:tap="buyBtn" wx:if="{{!bookBuy && bookDetail.price == '0.00' && bookDetail.isSell == '1'}}">免费领取</view>
    <view
      class="shopCar shopCarColor"
      bind:tap="addBookShopcCar"
      wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}"
      >加入购物车</view
    >
    <view
      class="buy buyColor"
      bind:tap="buyBtn"
      wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}"
      >立即购买</view
    >
    <view
      class="buy receiveColor"
      bind:tap="buyBtn"
      wx:if="{{!bookBuy && bookDetail.price == '0.00' && bookDetail.isSell == '1'}}"
      >免费领取</view
    >
    <view class="buy read" bind:tap="goRead" wx:if="{{bookBuy}}">立即查看</view>
  </view>
</view>

<view class="loading" wx:if="{{pageLoading}}">
<!-- <view class="loading" wx:if="{{pageLoading}}">
  <t-loading loading="{{pageLoading}}" size="40"></t-loading>
</view>
</view> -->

 packageBookService/pages/bookServices/detail/index.wxss

@@ -1,5 +1,5 @@
/* pages/bookServices/detail/index.wxss */

@import "./index.skeleton.wxss";
.page-bookService {
  width: 100vw;
  height: 100%;

 packageBookService/pages/bookServices/examination/examination.skeleton.wxml

New file
@@ -0,0 +1,125 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午3:00:46
使用方法：
在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\examination\examination.wxml 引入模板

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

在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\examination\examination.wxss 中引入样式
```
@import "./examination.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view style="width: 100%; height: 47px;background-color: #fff "></view>
    <view class="nacigationBar" style="width: 100%; height: 40px; background-color: #fff">
      <view>
        <view class="t-icon icon--t-icon  " style="color: #000; font-size: 30px;">
          <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
        </view>
      </view>
      <view class="navbar-title sk-transparent sk-text-14-2857-257 sk-text" style="color: #000;">第三章在线测试</view>
    </view>
    <view class="page-content" style="background-color:">
      <view is="packageBookService/pages/bookServices/examination/questionSchedule/index" id="countDownRef">
        <view class="questionSchedule-index--schedule" id="f88d4fe7--schedule" style="background-color:#fff">
          <view class="questionSchedule-index--schedule-top">
            <view class="questionSchedule-index--question-schedule sk-transparent" style="color: #000;">答题进度
              <text class="questionSchedule-index--parimary-color questionSchedule-index--question-num sk-transparent sk-opacity">0</text>
              <text class="sk-transparent sk-text-14-2857-497 sk-text">/35</text>
            </view>
            <view class="questionSchedule-index--remainder" style="color:  #000;">
              <text class="sk-transparent sk-text-14-2857-252 sk-text">剩余时间 </text>
              <text class="questionSchedule-index--parimary-color sk-transparent sk-text-14-2857-835 sk-text">01:59:51</text>
            </view>
          </view>
          <view class="questionSchedule-index--schedule-progress">
            <view class="t-progress progress--t-progress " style="true">
              <view class="t-progress--thin progress--t-progress--thin t-progress--status-- progress--t-progress--status-- ">
                <view class="t-progress__bar progress--t-progress__bar" style="height: px;border-radius: px;background-color: ">
                  <view class="t-progress__inner progress--t-progress__inner " style="background: #ff6c00; width: 0%"></view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view is="packageBookService/pages/bookServices/examination/questionList/index">
        <view class="questionList-index--question-list" style="background-color:#fff">
          <view class="questionList-index--question-title" style="background-color:#fff">
            <text class="questionList-index--title-name sk-transparent sk-text-14-2857-37 sk-text">判断题</text>
            <text class="questionList-index--title-score sk-transparent sk-text-14-2857-760 sk-text" style="color: #000;">(每题2分)</text>
          </view>
          <swiper class="questionList-index--swiper" current="0" autoplay="false">
            <swiper-item style="overflow-y: auto; position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
              <view class="questionList-index--question-stem questionList-index--title-score" style="color: #000; font-size: 16px;">
                <text class="sk-transparent sk-text-14-2857-517 sk-text">1.</text>
                <view class="questionList-index--title-content sk-transparent sk-text-14-2857-70 sk-text">本题正确答案是对</view>
              </view>
              <view class="questionList-index--question-answer">
                <view class="t-radio-group radio-group--t-radio-group questionList-index--radio-group " style="true">
                  <view>
                    <view class="t-radio radio--t-radio t-radio--right radio--t-radio--right t-radio--block radio--t-radio--block  " style="background-color: #fff;" tabindex="0">
                      <view class="t-radio__content radio--t-radio__content" data-target="text">
                        <view class="t-radio__title radio--t-radio__title sk-transparent" style="-webkit-line-clamp:3">
                          <view class="questionList-index--radio-item" style="font-size: 16px;">
                            <text class="sk-transparent sk-text-16-6667-815 sk-text">A、对</text>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view>
                    <view class="t-radio radio--t-radio t-radio--right radio--t-radio--right t-radio--block radio--t-radio--block  " style="background-color: #fff;" tabindex="0">
                      <view class="t-radio__content radio--t-radio__content" data-target="text">
                        <view class="t-radio__title radio--t-radio__title sk-transparent" style="-webkit-line-clamp:3">
                          <view class="questionList-index--radio-item" style="font-size: 16px;">
                            <text class="sk-transparent sk-text-16-6667-544 sk-text">B、错</text>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </swiper-item>
          </swiper>
        </view>
      </view>
    </view>
    <view class="page-bottom" style="background-color:">
      <view is="packageBookService/pages/bookServices/examination/questionOptions/index" id="question-options">
        <view class="questionOptions-index--page-bottom" style="color: #000; background-color:#fff">
          <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
            <image class="sk-image"></image>
            收藏
          </view>
          <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
            <image class="sk-image"></image>
            答题卡
          </view>
          <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
            <image class="sk-image"></image>
            设置
          </view>
          <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
            <image class="sk-image"></image>
            重做
          </view>
          <view class="questionOptions-index--bottom-submit">
            <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true"
              style="width:166px;border-radius:31px;" class="t-button button--t-button t-button--base button--t-button--base t-button--primary button--t-button--primary t-button--rectangle button--t-button--rectangle t-button--size-large button--t-button--size-large sk-button sk-pseudo sk-pseudo-circle">
              <view class="t-button__content button--t-button__content sk-transparent sk-text-33-6735-780 sk-text" style="background-position-x: 50%;">提交</view>
            </button>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

 packageBookService/pages/bookServices/examination/examination.skeleton.wxss

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

在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\examination\examination.wxss 中引入样式
```
@import "./examination.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-257 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 53.8462rpx;
    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-opacity {
    opacity: 0 !important;
  }
.sk-text-14-2857-497 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-252 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-835 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-37 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-760 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-517 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-14-2857-70 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-16-6667-815 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 46.1538rpx;
    position: relative !important;
  }
.sk-text-16-6667-544 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 46.1538rpx;
    position: relative !important;
  }
.sk-text-33-6735-780 {
    background-image: linear-gradient(transparent 33.6735%, #EEEEEE 0%, #EEEEEE 66.3265%, transparent 0%) !important;
    background-size: 100% 94.2308rpx;
    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;
  }

 packageBookService/pages/bookServices/examination/examination.wxml

@@ -1,4 +1,8 @@
<!--pages/examination/examination.wxml-->

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

<!--导航区域 -->
<view
  style="width: 100%; height: {{barHeight}}px;background-color: {{isNight ? '#191919' : '#fff'}} "
@@ -20,15 +24,6 @@
    >{{answerTitle}}</view
  >
</view>
<!-- 
<view class="lodaing-box" wx:if="{{loaidng}}">
  <t-loading
    theme="circular"
    size="80rpx"
    class="wrapper"
    loading="{{loading}}"
  />
</view> -->

<view class="page-content" style="background-color:{{isNight ? '#222' : ''}}">
  <question-schedule
@@ -57,13 +52,13 @@
    bind:changeSwiper="changeSwiper"
    bind:viewParsing="viewParsing"
  ></question-list>
  <view class="lodaing-box" wx:if="{{loading}}">
  <!-- <view class="lodaing-box" wx:if="{{loading}}">
    <t-loading
      theme="circular"
      size="80rpx"
      class="wrapper"
      loading="{{loading}}"
  /></view>
  /></view> -->
</view>

<!-- 底部区域-->

 packageBookService/pages/bookServices/examination/examination.wxss

@@ -1,5 +1,5 @@
/* pages/examination/examination.wxss */

@import "./examination.skeleton.wxss";

.nacigationBar {
  display: flex;

 packageBookService/pages/bookServices/list/index.js

@@ -1,7 +1,4 @@
const app = getApp();
import {
  loginInfo
} from "../../../../assets/js/login";
Page({
  /**
   * 页面的初始数据
@@ -80,6 +77,7 @@
    disabledNewForms: false,
    triggered: false,
    backTop: "",
    isshowLoading: true
  },
  /**
   * 生命周期函数--监听页面加载
@@ -166,6 +164,7 @@
      triggered: true,
    });
    this.setData({
      isshowLoading: false,
      "pageCount.page": 1,
    });
    this.getBookList(this.data.path);
@@ -181,6 +180,7 @@
        this.setData({
          isMore: true,
          "pageCount.page": this.data.pageCount.page + 1,
          isshowLoading: false
        });
        this.getBookList(this.data.path);
      }
@@ -353,10 +353,15 @@
      return false;
    }
    this.setData({
      loading: true,
      noData: false,
      isRequesting: true,
      disabledSecondList: false
    });
    if (this.data.isshowLoading) {
      this.setData({
        loading: true
      })
    }
    let sort;
    let pathObj = {};
    if (this.data.pathList.length) {
@@ -436,6 +441,11 @@
      },
    };
    app.MG.store.getProductList(query).then((res) => {
      if (!res.datas.length && !this.data.pathList.length) {
        this.setData({
          disabledSecondList: true
        })
      }
      this.setData({
        bookList: res.datas,
        isMore: null,
@@ -443,6 +453,7 @@
        "pageCount.total": res.total,
        loading: false,
        isRequesting: false,
        isshowLoading: true
      });
      if (!res.datas.length) {
        this.setData({
@@ -464,8 +475,6 @@
    const path = e.detail.value.length ?
      `${this.data.assortCheck.code}\\${e.detail.value}` :
      this.data.assortCheck.code;
    console.log(this.data.path);

    this.setData({
      backTop: "#assort-title",
      pathList: [],
@@ -473,8 +482,8 @@
      secondCode: "",
      path: path,
      "stairList.value": e.detail.value,
      disabledSecondList: false
    });

    if (e.detail.value == "") {
      this.setData({
        disabledSecondList: true,
@@ -483,7 +492,6 @@
      this.getSecondList(path);
    }
    this.getBookList(path);
    console.log(this.data.disabledSecondList);
  },
  // 二级分类切换
  onChangeSecond(e) {
@@ -607,13 +615,11 @@
    this.getBookList(this.data.path);
  },
  openDropdown() {
    console.log("展开哦");
    this.setData({
      showDropdown: true,
    });
  },
  closeDropdown() {
    console.log("关闭");
    this.setData({
      showDropdown: false,
    });

 packageBookService/pages/bookServices/list/index.skeleton.wxml

New file
@@ -0,0 +1,124 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午2:29:18
使用方法：
在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\list\index.wxml 引入模板

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

在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\list\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <page-meta page-style="true">
      <view style="width: 100%; height: 47px;"></view>
      <view class="nacigationBar" style="width: 70%; height: 40px;">
        <view>
          <view class="t-icon icon--t-icon  " style="font-size: 30px;">
            <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
          </view>
        </view>
        <view class="navBar-search t-search search--t-search " style="width: 241px;">
          <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" name="input" placeholder="请输入关键词/书名/ISBN/作者" placeholder-class="t-search__placeholder t-search__placeholder--normal" type="text" value="true"></view>
          </view>
        </view>
      </view>
      <view class="bookServices-list">
        <view class="list-header">
          <view class="header-scroll">
            <view class="t-dropdown-menu menu--t-dropdown-menu sk-pseudo sk-pseudo-circle" id="160b824d--t-bar" style="width: 624px;">
              <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="0">
                <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-964 sk-text">公共基础类</view>
                <view class="t-icon icon--t-icon  menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
                  <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                </view>
              </view>
              <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="1">
                <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-856 sk-text">二级</view>
                <view class="t-icon icon--t-icon  menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
                  <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                </view>
              </view>
              <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="2">
                <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-539 sk-text">重点项目</view>
                <view class="t-icon icon--t-icon  menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
                  <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                </view>
              </view>
              <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="3"></view>
            </view>
          </view>
        </view>
        <scroll-view class="list-container" lower-threshold="200" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80" scroll-into-view="true" scroll-y="true">
          <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-74 sk-text">正在刷新...</view>
              </view>
            </view>
          </view>
          <view class="assort-title" id="assort-title">
            <view class="title-box"></view>
            <view class="title-name sk-transparent sk-text-14-2857-2 sk-text">高等教育</view>
          </view>
          <view class="page-content">
            <view class="book-list">
              <view class="book-box" data-book="[object Object]">
                <view class="book-img">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="book-name book-color sk-transparent sk-text-14-2857-794 sk-text">2024测试图书-3.5</view>
                <view class="book-author book-color"></view>
              </view>
              <view class="book-box" data-book="[object Object]">
                <view class="book-img">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="book-name book-color sk-transparent sk-text-14-2857-123 sk-text">0～3岁婴幼儿认知与语言发展及教育</view>
                <view class="book-author book-color sk-transparent sk-text-14-2857-460 sk-text">李营 编著</view>
              </view>
              <view class="book-box" data-book="[object Object]">
                <view class="book-img">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="book-name book-color sk-transparent sk-text-14-2857-528 sk-text">现代汉语基础理论与应用</view>
                <view class="book-author book-color sk-transparent sk-text-14-2857-790 sk-text">刁晏斌</view>
              </view>
              <view class="book-box" data-book="[object Object]">
                <view class="book-img">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="book-name book-color sk-transparent sk-text-14-2857-263 sk-text">中国古代文学名篇导读中国古代文学名篇导读中国古代文学名篇导读</view>
                <view class="book-author book-color sk-transparent sk-text-14-2857-995 sk-text">过常宝 康震</view>
              </view>
              <view class="book-box" data-book="[object Object]">
                <view class="book-img">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
              </view>
              <view class="book-box" data-book="[object Object]">
                <view class="book-img">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
              </view>
            </view>
          </view>
        </scroll-view>
      </view>
    </page-meta>
  </view>
</template>

 packageBookService/pages/bookServices/list/index.skeleton.wxss

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

在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\list\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-964 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    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-856 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-539 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-20-0000-74 {
    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
    background-size: 100% 38.4615rpx;
    position: relative !important;
  }
.sk-text-14-2857-2 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-14-2857-794 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-123 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-460 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    position: relative !important;
  }
.sk-text-14-2857-528 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-790 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    position: relative !important;
  }
.sk-text-14-2857-263 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-995 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 32.3077rpx;
    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;
  }

 packageBookService/pages/bookServices/list/index.wxml

@@ -1,22 +1,80 @@
<!-- 图书服务-列表 -->
<page-meta page-style="{{showDropdown ? 'overflow: hidden;' : ''}}">

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

<page-meta
  page-style="{{showDropdown ? 'overflow: hidden;' : ''}}"
  wx:if="{{!loading}}"
>
  <view style="width: 100%; height: {{barHeight}}px;"></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
      <t-icon
        name="chevron-left"
        size="30"
        data-name="{{item}}"
        bind:click="goBack"
      />
    </view>
    <t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/ISBN/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
    <t-search
      model:value="{{searchValue}}"
      shape="round"
      placeholder="请输入关键词/书名/ISBN/作者"
      class="navBar-search"
      style="width: 464rpx"
      bind:submit="searchBook"
    />
  </view>

  <view class="bookServices-list">
    <view class="list-header">
      <view class="header-scroll">
        <t-dropdown-menu style="width: 1200rpx">
          <t-dropdown-item disabled="{{disabledStair}}" optionsColumns="2" options="{{stairList.options}}" value="{{stairList.value}}" bindchange="onChangeStair" />
          <t-dropdown-item disabled="{{disabledSecondList}}" label="二级" bind:open="openDropdown" bind:close="closeDropdown" options="{{secondList.options}}" optionsColumns="2" multiple value="{{secondList.value}}" bind:confirm="onConfirmSecond" bind:change="onChangeSecond" />
          <t-dropdown-item label="重点项目" disabled="{{disabledProject}}" options="{{majorProjectList.options}}" optionsColumns="2" multiple defaultValue="{{majorProjectList.value}}" bind:confirm="changeMajorProject" bind:reset="resetMajorProject" />
          <t-dropdown-item label="新形态教材" disabled="{{disabledNewForms}}" options="{{newTextBook.options}}" optionsColumns="2" multiple defaultValue="{{newTextBook.value}}" bind:confirm="changeNewText" bind:reset="resetNewText" />
          <t-dropdown-item options="{{sortList.options}}" value="{{sortList.value}}" bindchange="onSortChange" />
          <t-dropdown-item
            disabled="{{disabledStair}}"
            optionsColumns="2"
            options="{{stairList.options}}"
            value="{{stairList.value}}"
            bindchange="onChangeStair"
          />
          <t-dropdown-item
            disabled="{{disabledSecondList}}"
            label="二级"
            bind:open="openDropdown"
            bind:close="closeDropdown"
            options="{{secondList.options}}"
            optionsColumns="2"
            multiple
            value="{{secondList.value}}"
            bind:confirm="onConfirmSecond"
            bind:change="onChangeSecond"
          />
          <t-dropdown-item
            label="重点项目"
            disabled="{{disabledProject}}"
            options="{{majorProjectList.options}}"
            optionsColumns="2"
            multiple
            defaultValue="{{majorProjectList.value}}"
            bind:confirm="changeMajorProject"
            bind:reset="resetMajorProject"
          />
          <t-dropdown-item
            label="新形态教材"
            disabled="{{disabledNewForms}}"
            options="{{newTextBook.options}}"
            optionsColumns="2"
            multiple
            defaultValue="{{newTextBook.value}}"
            bind:confirm="changeNewText"
            bind:reset="resetNewText"
          />
          <t-dropdown-item
            options="{{sortList.options}}"
            value="{{sortList.value}}"
            bindchange="onSortChange"
          />
        </t-dropdown-menu>
      </view>
      <!-- <view class="header-sort">
@@ -25,10 +83,28 @@
        </t-dropdown-menu>
      </view> -->
    </view>
    <scroll-view scroll-y="{{true}}" scroll-into-view="{{backTop}}" refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherrefresh="onPullDownRefresh" bindrefresherpulling="{{refresh.onPulling}}" class="list-container" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
    <scroll-view
      scroll-y="{{true}}"
      scroll-into-view="{{backTop}}"
      refresher-enabled="{{true}}"
      lower-threshold="{{200}}"
      refresher-threshold="{{80}}"
      refresher-default-style="none"
      refresher-triggered="{{triggered}}"
      bindrefresherrefresh="onPullDownRefresh"
      bindrefresherpulling="{{refresh.onPulling}}"
      class="list-container"
      bindrefresherrefresh="onPullDownRefresh"
      bindscrolltolower="onReachBottom"
    >
      <view slot="refresher" class="refresh-container">
        <view class="loading">
          <t-loading theme="circular" size="40rpx" text="正在刷新..." class="wrapper" />
          <t-loading
            theme="circular"
            size="40rpx"
            text="正在刷新..."
            class="wrapper"
          />
        </view>
      </view>
      <view class="assort-title" id="assort-title">
@@ -37,9 +113,19 @@
      </view>
      <view class="page-content">
        <view class="book-list" wx:if="{{!loaidng}}">
          <view class="book-box" wx:for="{{bookList}}" wx:key="id" bind:tap="goDetail" data-book="{{item}}">
          <view
            class="book-box"
            wx:for="{{bookList}}"
            wx:key="id"
            bind:tap="goDetail"
            data-book="{{item}}"
          >
            <view class="book-img">
              <image src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}" aria-label="{item.name{}}" mode="aspectFit" />
              <image
                src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}"
                aria-label="{item.name{}}"
                mode="aspectFit"
              />
            </view>
            <view class="book-name book-color">{{ item.name}}</view>
            <view class="book-author book-color">{{item.author}}</view>
@@ -48,15 +134,17 @@
            <t-empty icon="folder-open" description="暂无数据" />
          </view>
        </view>
        <!-- loading -->
        <view class="loading-box" wx:if="{{loaidng}}">
          <t-loading theme="circular" size="60rpx" class="wrapper" loading="{{loaidng}}" wx:if="{{loaidng}}" />
        </view>
      </view>
      <view class="bottom-box" wx:if="{{bookList.length}}">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" loading="{{isMore}}" />
        <t-loading
          theme="circular"
          size="40rpx"
          class="wrapper"
          wx:if="{{isMore == true}}"
          loading="{{isMore}}"
        />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </scroll-view>
  </view>
</page-meta>
</page-meta>

 packageBookService/pages/bookServices/list/index.wxss

@@ -1,4 +1,5 @@
/* pages/bookServices/list/index.wxss */
@import "./index.skeleton.wxss";
page {
  background-color: #f7f7f7;
}

 pages/bookServices/assort/index.skeleton.wxml

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

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

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

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <page-meta style="width: 100vw; overflow: hidden">
      <view style="width: 100%; height: 47px; "></view>
      <view class="nacigationBar" style="width: 100%; height: 40px;">
        <view class="navbar-title sk-transparent sk-text-14-2857-436 sk-text" style="background-position-x: 50%;">图书服务</view>
      </view>
      <view class="page-header">
        <view class="search">
          <view class=" t-search search--t-search " style="true">
            <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--square search--t-search__input-box--square t-search__input-container">
              <view class="wr icon--wr  " style="color: #bbb; font-size: 20px;">
                <label class="wr-search icon--wr-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
              </view>
              <view class="t-input__keyword search--t-input__keyword t-search__input sk-image" name="input" placeholder="请输入关键词/书名/ISBN/作者" placeholder-class="t-search__placeholder t-search__placeholder--normal" type="text" value="true"></view>
            </view>
          </view>
        </view>
      </view>
      <view class="page-container">
        <view class="side-bar-wrapper">
          <view class="tab-left">
            <view class="t-side-bar bar--t-side-bar  " style="true">
              <view class="t-side-bar-item item--t-side-bar-item t-side-bar-item--active item--t-side-bar-item--active sk-transparent sk-button" style="true">
                <view class="t-side-bar-item__line item--t-side-bar-item__line"></view>
                <view class="t-side-bar-item__prefix item--t-side-bar-item__prefix sk-pseudo sk-pseudo-circle"></view>
                <view class="t-side-bar-item__suffix item--t-side-bar-item__suffix sk-pseudo sk-pseudo-circle"></view>高等教育</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">职业教育</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">教师教育</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">少儿教育</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">考试培训</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">主题出版</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">学术著作</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">大众读物</view>
              <view class="t-side-bar__padding bar--t-side-bar__padding"></view>
            </view>
          </view>
          <view class="page-right">
            <view class="side-bar-content">
              <view class="tab-top">
                <view class="myScroll">
                  <view class="row tab-active sk-transparent sk-text-14-2857-470 sk-text" data-tabdata="[object Object]">公共基础类</view>
                  <view class="row sk-transparent sk-text-14-2857-274 sk-text" data-tabdata="[object Object]">哲学</view>
                  <view class="row sk-transparent sk-text-14-2857-868 sk-text" data-tabdata="[object Object]">法学</view>
                  <view class="row sk-transparent sk-text-14-2857-149 sk-text" data-tabdata="[object Object]">经济学</view>
                  <view class="row sk-transparent sk-text-14-2857-66 sk-text" data-tabdata="[object Object]">管理学</view>
                </view>
              </view>
              <scroll-view class="class-list" scroll-into-view="list405" scroll-y="true">
                <view class="class-box" id="list405">
                  <view class="class-name sk-transparent sk-text-14-2857-360 sk-text">公共基础类</view>
                  <view class="class-content">
                    <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="classify sk-transparent sk-text-14-2857-787 sk-text">大学语文类</view>
                    </view>
                    <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="classify sk-transparent sk-text-14-2857-115 sk-text">高等数学类</view>
                    </view>
                    <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="classify sk-transparent sk-text-14-2857-469 sk-text">就业、创新与创业类</view>
                    </view>
                    <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="classify sk-transparent sk-text-14-2857-515 sk-text">应用文写作类</view>
                    </view>
                    <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="classify sk-transparent sk-text-14-2857-824 sk-text">心理健康教育类</view>
                    </view>
                    <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="classify sk-transparent sk-text-14-2857-988 sk-text">体育类</view>
                    </view>
                    <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="classify sk-transparent sk-text-14-2857-89 sk-text">生涯规划类</view>
                    </view>
                    <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="classify sk-transparent sk-text-14-2857-188 sk-text">其他类</view>
                    </view>
                  </view>
                </view>
                <view class="class-box" id="list406">
                  <view class="class-name sk-transparent sk-text-14-2857-674 sk-text">哲学</view>
                </view>
              </scroll-view>
            </view>
          </view>
        </view>
      </view>
    </page-meta>
  </view>
</template>

 pages/bookServices/assort/index.skeleton.wxss

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

在 D:\WebData\project\2024\jsek-applet\pages\bookServices\assort\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-436 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 53.8462rpx;
    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-470 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-274 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-868 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-149 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-66 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-360 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-14-2857-787 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-115 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-469 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-515 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-824 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-988 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-89 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-188 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-674 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    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;
  }

 pages/bookServices/assort/index.wxml

@@ -1,5 +1,8 @@
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{listLoding}}" />

<!--图书服务分类-->
<page-meta style="width: 100vw; overflow: hidden">
<page-meta style="width: 100vw; overflow: hidden" wx:if="{{!listLoding}}">
  <view style="width: 100%; height: {{barHeight}}px; "></view>
  <view class="nacigationBar" style="width: 100%; height: {{navBarHeight}}px;">
    <view class="navbar-title">图书服务</view>
@@ -116,7 +119,7 @@
          </scroll-view>
        </view>
        <!-- loading -->
        <view class="loading-box" wx:if="{{listLoding}}">
        <!-- <view class="loading-box" wx:if="{{listLoding}}">
          <t-loading
            theme="circular"
            size="60rpx"
@@ -124,10 +127,10 @@
            loading="{{listLoding}}"
            wx:if="{{listLoding}}"
          />
        </view>
        </view> -->
      </view>
    </view>
    <view class="loading-box" wx:if="{{loading}}">
    <!-- <view class="loading-box" wx:if="{{loading}}">
      <t-loading
        theme="circular"
        size="60rpx"
@@ -135,6 +138,6 @@
        loading="{{loading}}"
        wx:if="{{loading}}"
      />
    </view>
    </view> -->
  </view>
</page-meta>

 pages/bookServices/assort/index.wxss

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

page {
  width: 100vw;
  overflow: hidden;