音频播放bug

yiming

2024-04-11 a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32

音频播放bug

 assets/js/config.js

@@ -1,7 +1,7 @@
// export const requestCtx = "http://182.92.203.7:3001"; // 请求地址
// export const appId = 27;
export const requestCtx = "https://jsek.bnuic.com"; // 请求地址
export const appId = 3;
export const requestCtx = "http://182.92.203.7:3001"; // 请求地址
export const appId = 27;
// export const requestCtx = "https://jsek.bnuic.com"; // 请求地址
// export const appId = 3;
// export const epubUrl = "http://182.92.203.7:3007/epubReadMobile/";
export const epubUrl = "https://jsek.bnuic.com/epubReadMobile/#/";
export const pdfUrl = "http://182.92.203.7:3007/pdfRead/";

 packageBookService/pages/bookServices/detail/components/tree/index.js

@@ -58,6 +58,7 @@
    selectAll: [],
    shoppingCart: true,
    stop: false,
    cart: true
  },
  ready() {},

@@ -469,6 +470,9 @@
    // 加入购物车
    async onCloudShoppingCart(e) {
      let shoppingCartGetId = [];

      const item = e.currentTarget.dataset.item
      console.log(item.isShopCar);
      const saleMethodId = e.currentTarget.dataset.item.saleMethod[0].Id;
      console.log(saleMethodId);
      let query = {
@@ -504,10 +508,15 @@
        };
        const addRes = await app.MG.store.addShoppingCart(query);
        console.log(addRes, "addRes");
        wx.showToast({
          icon: "success",
          title: "添加成功",
        });
        if (addRes) {
          wx.showToast({
            icon: "success",
            title: "添加成功",
          });
          item.isShopCar = false

        }

      }
    },
    sadd() {

 packageBookService/pages/bookServices/detail/components/tree/index.wxml

@@ -1,21 +1,9 @@
<view class="tree">
  <t-collapse default-value="{{openIds}}" catchchange="handleChange">
    <t-collapse-panel
      wx:for="{{treeList}}"
      wx:for-item="item"
      wx:for-index="index"
      wx:key="id"
      value="{{item.id}}"
    >
    <t-collapse-panel wx:for="{{treeList}}" wx:for-item="item" wx:for-index="index" wx:key="id" value="{{item.id}}">
      <view slot="header" class="header-title">
        <view class="title-checkBox" catchtap="catchTap">
          <t-checkbox
            icon="rectangle"
            checked="{{item.checked}}"
            data-item="{{item}}"
            catchchange="checkResourceTitle"
            wx:if="{{isShowCheck}}"
          />
          <t-checkbox icon="rectangle" checked="{{item.checked}}" data-item="{{item}}" catchchange="checkResourceTitle" wx:if="{{isShowCheck}}" />
          <!-- 章节名 -->
          <view class="title-box">
            <text class="title-name">{{item.name}} </text>
@@ -25,115 +13,40 @@
          </view>
        </view>
      </view>
      <view
        class="list"
        wx:for="{{item.children}}"
        wx:for-item="citem"
        wx:for-index="cindex"
        wx:key="cindex"
      >
      <view class="list" wx:for="{{item.children}}" wx:for-item="citem" wx:for-index="cindex" wx:key="cindex">
        <!-- // 判断 无子项 且为商品item 直接显示 -->
        <view
          class="listItems"
          wx:if="{{citem.childrenFolderCount <= 0 && citem.sysType == 'CmsItem'}}"
        >
        <view class="listItems" wx:if="{{citem.childrenFolderCount <= 0 && citem.sysType == 'CmsItem'}}">
          <view class="itemsInfo" data-item="{{citem}}" data-index="{{cindex}}">
            <view
              class="contentBox"
              bind:tap="goPlayer"
              data-item="{{citem}}"
              data-parent="{{item}}"
            >
            <view class="contentBox" bind:tap="goPlayer" data-item="{{citem}}" data-parent="{{item}}">
              <!-- 教学资源 云学习 图标 -->
              <view
                class="box-image"
                style="{{ tab == 'jsek_teachingResources' ? 'width: 350rpx;' : 'width: 450rpx;'}}"
              >
                <view
                  class="checkBox"
                  wx:if="{{isShowCheck}}"
                  catchtap="catchTap"
                >
              <view class="box-image" style="{{ tab == 'jsek_teachingResources' ? 'width: 350rpx;' : 'width: 450rpx;'}}">
                <view class="checkBox" wx:if="{{isShowCheck}}" catchtap="catchTap">
                  <!-- checked="{{citem.checked}}"  -->
                  <!-- <t-checkbox icon="rectangle" checked="{{citem.checked}}" disabled="{{citem.selectType=='webpage' || citem.isDownload != 1 || citem.fileMap[citem.file].protectType == 'Private'}}" catch:change="checkResource" data-item="{{citem}}" /> -->
                  <t-checkbox
                    disabled="{{!citem.saleMethod[0].Id}}"
                    icon="rectangle"
                    checked="{{citem.checked}}"
                    data-item="{{citem}}"
                    data-parent="{{item}}"
                    catch:change="checkResource"
                  />
                  <t-checkbox disabled="{{!citem.saleMethod[0].Id}}" icon="rectangle" checked="{{citem.checked}}" data-item="{{citem}}" data-parent="{{item}}" catch:change="checkResource" />
                </view>
                <!-- 教学资源图标 -->
                <view class="teach-icon">
                  <image
                    wx:if="{{citem.selectType == 'audio' || citem.learnSelectType == 'audio'}}"
                    src="/static/images/bookService/detail/audioIcon.png"
                    mode="aspectFill"
                  />
                  <image
                    wx:elif="{{citem.selectType == 'video' || citem.learnSelectType == 'video'}}"
                    src="/static/images/bookService/detail/video.png"
                    mode="aspectFill"
                  />
                  <image
                    wx:elif="{{citem.selectType == 'pdf'}}"
                    src="/static/images/bookService/detail/pdf.png"
                    mode="aspectFill"
                  />
                  <image
                    wx:elif="{{citem.selectType == 'webpage'}}"
                    src="/static/images/bookService/detail/net.png"
                    mode="aspectFill"
                  />
                  <image
                    wx:elif="{{citem.selectType == 'picture'}}"
                    src="/static/images/bookService/detail/picture.png"
                    mode="aspectFill"
                  />
                  <image
                    wx:elif="{{citem.selectType == 'zip'}}"
                    src="/static/images/bookService/detail/zip.png"
                    mode="aspectFill"
                  />
                  <image
                    wx:elif="{{ citem.fileMap[citem.file].extension == 'doc' ||  citem.fileMap[citem.file].extension == 'docx'}}"
                    src="/static/images/bookService/detail/word.png"
                    mode="aspectFill"
                  />
                  <image
                    wx:elif="{{ citem.fileMap[citem.file].extension == 'xlsx' ||  citem.fileMap[citem.file].extension == 'xlsx'}}"
                    src="/static/images/bookService/detail/excel.png"
                    mode="aspectFill"
                  />
                  <image
                    wx:elif="{{ citem.fileMap[citem.file].extension == 'ppt' ||  citem.fileMap[citem.file].extension == 'pptx'}}"
                    src="/static/images/bookService/detail/PPT.png"
                    mode="aspectFill"
                  />
                  <image wx:if="{{citem.selectType == 'audio' || citem.learnSelectType == 'audio'}}" src="/static/images/bookService/detail/audioIcon.png" mode="aspectFill" />
                  <image wx:elif="{{citem.selectType == 'video' || citem.learnSelectType == 'video'}}" src="/static/images/bookService/detail/video.png" mode="aspectFill" />
                  <image wx:elif="{{citem.selectType == 'pdf'}}" src="/static/images/bookService/detail/pdf.png" mode="aspectFill" />
                  <image wx:elif="{{citem.selectType == 'webpage'}}" src="/static/images/bookService/detail/net.png" mode="aspectFill" />
                  <image wx:elif="{{citem.selectType == 'picture'}}" src="/static/images/bookService/detail/picture.png" mode="aspectFill" />
                  <image wx:elif="{{citem.selectType == 'zip'}}" src="/static/images/bookService/detail/zip.png" mode="aspectFill" />
                  <image wx:elif="{{ citem.fileMap[citem.file].extension == 'doc' ||  citem.fileMap[citem.file].extension == 'docx'}}" src="/static/images/bookService/detail/word.png" mode="aspectFill" />
                  <image wx:elif="{{ citem.fileMap[citem.file].extension == 'xlsx' ||  citem.fileMap[citem.file].extension == 'xlsx'}}" src="/static/images/bookService/detail/excel.png" mode="aspectFill" />
                  <image wx:elif="{{ citem.fileMap[citem.file].extension == 'ppt' ||  citem.fileMap[citem.file].extension == 'pptx'}}" src="/static/images/bookService/detail/PPT.png" mode="aspectFill" />
                  <!-- 资源无文件内容图标 -->
                  <image
                    wx:else
                    src="/static/images/bookService/detail/word.png"
                    mode=""
                  />
                  <image wx:else src="/static/images/bookService/detail/word.png" mode="" />
                </view>
                <!-- 云学习图标 -->
                <view> </view>
                <!-- 名称 -->
                <text
                  class="name"
                  style="{{ tab == 'jsek_teachingResources' ? 'width: 300rpx;' : 'width: 400rpx;'}}"
                  >{{citem.name || '-'}}</text
                >
                <text class="name" style="{{ tab == 'jsek_teachingResources' ? 'width: 300rpx;' : 'width: 400rpx;'}}">{{citem.name || '-'}}</text>
              </view>
              <!-- 教学资源类型 -->
              <view class="teachClass"> {{citem.resourceClass}} </view>
              <view
                class="teach-btn"
                wx:if="{{tab == 'jsek_teachingResources'}}"
              >
              <view class="teach-btn" wx:if="{{tab == 'jsek_teachingResources'}}">
                <!--  下载按钮 -->
                <!-- <image
                  src="/static/images/bookService/detail/download-icon.png"
@@ -144,42 +57,17 @@
              </view>
              <view wx:if="{{tab == 'jsek_cloudLearning'}}">
                <!-- 云学习试看图标 -->
                <image
                  src="/static/images/bookService/detail/shikan.png"
                  class="testSee"
                  wx:if="{{!citem.isbuy ? false : citem.freeFile ? true : false}}"
                ></image>
                <image src="/static/images/bookService/detail/shikan.png" class="testSee" wx:if="{{!citem.isbuy ? false : citem.freeFile ? true : false}}"></image>
                <!-- 云学习加入购物车图标 -->
                <image
                  src="/static/images/bookService/detail/cart@2x.png"
                  wx:if="{{citem.isShopCar}}"
                  class="shopCar"
                  data-item="{{citem}}"
                  catch:tap="onCloudShoppingCart"
                ></image>
                <image src="/static/images/bookService/detail/cart@2x.png" wx:if="{{citem.isShopCar}}" class="shopCar" data-item="{{citem}}" catch:tap="onCloudShoppingCart"></image>
                <!-- 云学习购买图标 -->
                <image
                  src="/static/images/bookService/detail/need-buy.png"
                  class="need-buy"
                  wx:if="{{citem.isbuy }}"
                ></image>
                <image src="/static/images/bookService/detail/need-buy.png" class="need-buy" wx:if="{{citem.isbuy }}"></image>
              </view>
            </view>
          </view>
        </view>
        <!-- // 判断 不是商品 有子项 递归组件 -->
        <tree
          wx:if="{{citem.childrenCount > 0 && citem.sysType == 'CmsFolder' }}"
          isShowCheck="{{isShowCheck}}"
          bookInfo="{{bookInfo}}"
          treeList="{{[citem]}}"
          learnList="{{learnList}}"
          itemId="{{itemId}}"
          tab="{{tab}}"
          buyIds="{{buyIds}}"
          openTeachids="{{openTeachids}}"
          openLearnids="{{openLearnids}}"
        ></tree>
        <tree wx:if="{{citem.childrenCount > 0 && citem.sysType == 'CmsFolder' }}" isShowCheck="{{isShowCheck}}" bookInfo="{{bookInfo}}" treeList="{{[citem]}}" learnList="{{learnList}}" itemId="{{itemId}}" tab="{{tab}}" buyIds="{{buyIds}}" openTeachids="{{openTeachids}}" openLearnids="{{openLearnids}}"></tree>
      </view>
      <!-- 暂无数据 -->
      <view wx:if="{{!item.children || !item.children.length}}" class="noData">
@@ -196,4 +84,4 @@
</view>

<web-view wx:if="{{webpageSrc}}" src="{{webpageSrc}}"></web-view>
<!-- <button bind:tap="sadd"> 65498</button> -->
<!-- <button bind:tap="sadd"> 65498</button> -->

 packageDomain/pages/resourceDetails/myAudio/index.js

@@ -13,7 +13,7 @@
    noteList: [],
    navBarHeight: '',
    barHeight: '',
    flag: true, // 输入框是否显示
    flag: false, // 输入框是否显示
    tabPanelstyle: 'display:flex;justify-content:center;align-items:center;',
    activeValues: [0],
    dialogKey: false,
@@ -45,7 +45,9 @@
    myAudioPos: '',
    startTime: "", //进入页面当前时间
    pauseTime: 0, //暂停时间
    fromPath: ''
    formPath: '',
    loading: true,
    hidden: true
  },
  // // 时间格式化
  // format(t) {
@@ -97,7 +99,7 @@
      parentName: options.parentName,
      parentProductLinkPath: options.parentProductLinkPath,
      productLinkPath: options.productLinkPath,
      fromPath: options.formPath
      formPath: options.formPath
    })
    this.resourceDetailsData()
    this.getNoteList()
@@ -257,21 +259,27 @@
    }
    app.MG.store.getProductDetail(query).then(res => {
      res.datas.cmsDatas[0].datas.forEach((item, index) => {
        if (item.selectType === "audio") {
        if (item.selectType === "audio" || item.learnSelectType === "audio") {
          this.data.threeLeveData.push(item)
          this.setData({
            threeLeveData: this.data.threeLeveData
          })
          this.data.threeLeveData.forEach((items, index) => { // 修改此处添加index参数
            if (this.data.productLinkPath == items.productLinkPath) {
              if (this.data.fromPath == 'jsek_cloudLearning') {
                这里处理云学习的
              if (this.data.formPath == 'jsek_cloudLearning') {
                // 这里处理云学习的
                this.setData({
                  showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + items.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey),
                  titleName: items.name
                })
                this.pubulicPlayFun()
              } else {
                this.setData({
                  showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file,
                  titleName: items.name
                })
                this.pubulicPlayFun()
              }
              this.setData({
                showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file,
                titleName: items.name
              })
              this.pubulicPlayFun()
              let selectedIndex = index; // 存储选中项的索引
              this.setData({
                selectedId: selectedIndex // 设置选中项的索引
@@ -281,6 +289,10 @@
        }
      })
      this.data.threeLeveData.forEach((item) => {})
      this.setData({
        loading: false,
        hidden: false
      })
    })
  },
  onVideo(e) {
@@ -298,11 +310,20 @@
        showData: ''
      })

      if (item.selectType == "audio") {
        this.setData({
          showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
        })
        this.pubulicPlayFun()
      if (item.selectType == "audio" || item.learnSelectType === "audio") {
        if (this.data.formPath == 'jsek_cloudLearning') {
          // 这里处理云学习的
          this.setData({
            showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + item.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey)
          })
          this.pubulicPlayFun()

        } else {
          this.setData({
            showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
          })
          this.pubulicPlayFun()
        }
      }
    }
  },
@@ -340,13 +361,12 @@
    // console.log(e.currentTarget.dataset.value);
    this.setData({
      flag: e.currentTarget.dataset.value

    })
  },
  // 标题输入框值
  inputChange(e) {
    this.setData({
      titleName: e.detail.value
      submitTitle: e.detail.value
    })
  },

@@ -357,7 +377,7 @@
        title: '请填写笔记内容',
      })

    } else if (!this.data.titleName) {
    } else if (!this.data.submitTitle) {
      return wx.showToast({
        icon: 'error',
        title: '请填写笔记标题',
@@ -373,6 +393,9 @@
    this.setData({
      dialogKey: false
    });

    this.getNoteList()

  },
  onTextarea() {
    // console.log(this.data.textvalue);
@@ -436,9 +459,12 @@
      submitType: "edit",
      textvalue: note.content,
      submitTitle: note.name,
      noteId: note.id

      noteId: note.id,
      dialogKey: true,
    })
    this.showDialog()
    console.log(this.data.submitTitle);
    // this.showDialog()
  },

  // 删除笔记
@@ -564,7 +590,11 @@
    // console.log(myAudio.src);
    // 在onCanplay里获取并设置音频时长和播放进度
    myAudio.onCanplay(() => {
      myAudio.duration; //必须写，不然获取不到。。。
      myAudio.duration; //必须写，不然获取不到
      this.setData({
        myAudioDuration: this.format(myAudio.duration),
      })

      setTimeout(() => {
        this.setData({
          myAudioDuration: this.format(myAudio.duration),
@@ -573,12 +603,6 @@
      }, 100);
    });

    // myAudio.onSeeked(() => {
    //   this.setData({
    //     myAudioDuration: this.format(myAudio.duration),
    //     myAudioCurrent: this.format(myAudio.currentTime)
    //   })
    // })
    // 播放完成处理，按钮变一下
    myAudio.onEnded((res) => {
      this.setData({
@@ -589,11 +613,15 @@

    //进度条变化   
    myAudio.onTimeUpdate(() => {
      console.log(this.format(myAudio.duration));
      this.setData({
        myAudioPos: myAudio.currentTime / myAudio.duration * 100,
        myAudioCurrent: this.format(myAudio.currentTime)
        myAudioCurrent: this.format(myAudio.currentTime),
        myAudioDuration: this.format(myAudio.duration),
      });
    })

    myAudio.play();
  },


@@ -602,7 +630,7 @@
    myAudio.startTime = this.data.myAudioCurrent; //考虑到进度条被拖动，不一定从00:00:00开始
    myAudio.play();
    this.setData({
      isplay: true
      isplay: false
    });
  },

@@ -610,15 +638,10 @@
  stop() {
    myAudio.pause();
    this.setData({
      isplay: false
      isplay: true
    });
  },
  adsfhaewlf() {
    myAudio.pause();
    this.setData({
      isplay: false
    });
  },


  //右切换
  onLeftSwitch() {
@@ -648,7 +671,6 @@
      this.changeItem(this.data.threeLeveData[index + 1])
      this.setData({
        selectedId: index + 1,

      })
    } else {
      console.log('已经是最后一首了');
@@ -668,7 +690,6 @@
      titleName: item.name,
      selectId: item.id
    })

    if (item.selectType == "audio") {
      this.setData({
        showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file

 packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxml

New file
@@ -0,0 +1,236 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午6:21:15
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myAudio\index.wxml 引入模板

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

在 D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myAudio\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view style="width: 100%; height: 44px; "></view>
    <view class="nacigationBar" style="width: 70%; height: 40px;">
      <view>
        <view class="t-icon icon--t-icon  " style="font-size: 30px;">
          <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
        </view>
      </view>
      <view class="navbar-title sk-transparent sk-text-14-2857-758 sk-text">资源详情-音频</view>
    </view>
    <view class="audioPlayerBox">
      <view class="audioBackground sk-image" style="background-image: url('http://182.92.203.7:3007/jsek/website/image/video-bg.png');">
        <image class="sk-image"></image>
      </view>
      <view class="bigFunctionBox">
        <view class="functionBox">
          <view class="audioIconBox color" style="margin-left: 15px; margin-right: 5px">
            <view class="pauseCircleBox">
              <image mode="true" class="sk-image"></image>
            </view>
          </view>
          <slider active-color="#EFEFEF" block-size="16" class="mp-slider-bar" style="width: 150px" value="0" background-color="#EFEFEF" block-color="#EFEFEF"></slider>
          <view class="current-time color sk-transparent sk-text-14-2857-605 sk-text">00:00 </view>
          <view class="color sk-transparent sk-opacity" style="margin: 0 5px">/</view>
          <view class="duration-time color sk-transparent sk-text-14-2857-466 sk-text"> 01:37 </view>
          <view class="publicBtn color">
            <view class="publicText">
              <view class="sk-transparent sk-text-14-2857-564 sk-text"> x 1 </view>
              <view class="t-icon icon--t-icon  " style="font-size: 14px; margin-top: 5px;">
                <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="titleBox sk-transparent sk-text-14-2857-445 sk-text">01 关雎-音频有试读</view>
    <view class="contentBox">
      <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
        <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
          <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
            <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
              <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
                <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active  " data-index="0">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-866 sk-text">资源列表</view>
                  </view>
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-124 sk-text">笔记</view>
                  </view>
                  <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(49px); transform: translateX(49px);"></view>
                </view>
              </scroll-view>
            </view>
          </view>
        </view>
        <view class="t-tabs__content tabs--t-tabs__content">
          <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
            <view class="  t-tab-panel tab-panel--t-tab-panel t-is-active tab-panel--t-is-active" style="width:375px" id="b750580a--t_tabs_3_panel_0">
              <view class="wrapper">
                <view class="  t-collapse collapse--t-collapse t-collapse--default collapse--t-collapse--default" style="true">
                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom panel--t-collapse-panel__header--expanded t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                        <view class="t-cell__left cell--t-cell__left "></view>
                        <view class="t-cell__title cell--t-cell__title ">
                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title sk-transparent sk-text-16-6667-282 sk-text"> 第一节 </view>
                          <view class="t-cell__description cell--t-cell__description "></view>
                        </view>
                        <view class="t-cell__right cell--t-cell__right ">
                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
                            <label class="t-icon-chevron-up icon--t-icon-chevron-up t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
                        <view class="detailsName" data-index="0" data-item="[object Object]">
                          <view style="color: #ff6c00" class="sk-transparent sk-text-16-6667-12 sk-text">01 关雎-音频有试读</view>
                        </view>
                        <view class="detailsName" data-index="1" data-item="[object Object]">
                          <view style="color: #000" class="sk-transparent sk-text-16-6667-536 sk-text">02 蒹葭-无试读</view>
                        </view>
                        <view class="detailsName" data-index="2" data-item="[object Object]">
                          <view style="color: #000" class="sk-transparent sk-text-16-6667-460 sk-text">03 十五从军征-音频无试读</view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
            <view class="  t-tab-panel tab-panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="6a40d211--t_tabs_3_panel_1">
              <view class="wrapper">
                <view class="  t-collapse collapse--t-collapse t-collapse--default collapse--t-collapse--default" style="true">
                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                        <view class="t-cell__left cell--t-cell__left "></view>
                        <view class="t-cell__title cell--t-cell__title ">
                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
                            <view class="collapse-header">
                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="cc73c6df--image" mode="scaleToFill" style="true"></image>
                              <view class="header-name sk-transparent sk-text-16-6667-523 sk-text">01 关雎-音频有试读</view>
                            </view>
                          </view>
                          <view class="t-cell__description cell--t-cell__description "></view>
                        </view>
                        <view class="t-cell__right cell--t-cell__right ">
                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
                        <view>
                          <view class="note-content sk-transparent sk-text-16-6667-302 sk-text">米国</view>
                          <view class="note-bottom">
                            <view class="note-time sk-transparent sk-text-16-6667-998 sk-text">2024-04-10 15:49:49</view>
                            <view class="bottom-btn">
                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="7681eb70--image" mode="scaleToFill" style="true"></image>
                              <view></view>
                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9faa9196--image" mode="scaleToFill" style="true"></image>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                        <view class="t-cell__left cell--t-cell__left "></view>
                        <view class="t-cell__title cell--t-cell__title ">
                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
                            <view class="collapse-header">
                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="61e00449--image" mode="scaleToFill" style="true"></image>
                              <view class="header-name sk-transparent sk-text-16-6667-444 sk-text">01 关雎-音频有试读</view>
                            </view>
                          </view>
                          <view class="t-cell__description cell--t-cell__description "></view>
                        </view>
                        <view class="t-cell__right cell--t-cell__right ">
                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
                        <view>
                          <view class="note-content sk-transparent sk-text-16-6667-994 sk-text">sadsad</view>
                          <view class="note-bottom">
                            <view class="note-time sk-transparent sk-text-16-6667-940 sk-text">2024-04-09 17:29:22</view>
                            <view class="bottom-btn">
                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="65f89d5b--image" mode="scaleToFill" style="true"></image>
                              <view></view>
                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="5cbdf092--image" mode="scaleToFill" style="true"></image>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                        <view class="t-cell__left cell--t-cell__left "></view>
                        <view class="t-cell__title cell--t-cell__title ">
                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
                            <view class="collapse-header">
                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="12cd990a--image" mode="scaleToFill" style="true"></image>
                              <view class="header-name sk-transparent sk-text-16-6667-685 sk-text">01 关雎-音频有试读</view>
                            </view>
                          </view>
                          <view class="t-cell__description cell--t-cell__description "></view>
                        </view>
                        <view class="t-cell__right cell--t-cell__right ">
                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
                        <view>
                          <view class="note-content sk-transparent sk-text-16-6667-575 sk-text">文明小</view>
                          <view class="note-bottom">
                            <view class="note-time sk-transparent sk-text-16-6667-139 sk-text">2024-04-08 11:24:02</view>
                            <view class="bottom-btn">
                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="6c6d11fb--image" mode="scaleToFill" style="true"></image>
                              <view></view>
                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="29fcdf95--image" mode="scaleToFill" style="true"></image>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="takeNotes" data-key="showCloseBtn">
        <view class="takeNotesLining sk-transparent">
          <image mode="true" class="sk-image"></image> 记笔记
        </view>
      </view>
    </view>
  </view>
</template>

 packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxss

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

在 D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myAudio\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-758 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-605 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }
.sk-opacity {
    opacity: 0 !important;
  }
.sk-text-14-2857-466 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-564 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-445 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-866 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-124 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-16-6667-282 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-12 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-536 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-460 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-523 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-302 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-998 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-444 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-994 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-940 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-685 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-575 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-139 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-button {
    color: #EFEFEF !important;
    background: #EFEFEF !important;
    border: none !important;
    box-shadow: none !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 packageDomain/pages/resourceDetails/myAudio/index.wxml

@@ -1,139 +1,145 @@
<view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
  </view>
  <view class="navbar-title">资源详情-音频</view>
</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />

<view class="audioPlayerBox">
  <view class="audioBackground" style="background-image: url('http://182.92.203.7:3007/jsek/website/image/video-bg.png');">
    <image src="/static/images/resourceDetailsMyAudio/cd.png" alt="" />

<view wx:if="{{!hidden}}">
  <view style="width: 100%; height: {{barHeight}}px; "></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
    </view>
    <view class="navbar-title">资源详情-音频</view>
  </view>
  <!-- 视频播放的按钮 -->
  <view class="bigFunctionBox">
    <view class="functionBox">
      <!-- 左切换 -->
      <!-- <view class="leftSwitchBox  color" bind:tap="onLeftSwitch">

  <view class="audioPlayerBox">
    <view class="audioBackground" style="background-image: url('http://182.92.203.7:3007/jsek/website/image/video-bg.png');">
      <image src="/static/images/resourceDetailsMyAudio/cd.png" alt="" />
    </view>
    <!-- 视频播放的按钮 -->
    <view class="bigFunctionBox">
      <view class="functionBox">
        <!-- 左切换 -->
        <!-- <view class="leftSwitchBox  color" bind:tap="onLeftSwitch">
        <t-icon name="previous" size="24" />
      </view> -->

      <!-- 暂停播放 -->
      <view class="audioIconBox color" style="margin-left: 30rpx; margin-right: 10rpx">
        <view wx:if="{{!isplay}}" bind:tap="play" class="pauseCircleBox">
          <!-- <t-icon name="play-circle-stroke" size="24" /> -->
          <image src="/static/images/resourceDetailsMyAudio/play@2x.png" mode="" />
        <!-- 暂停播放 -->
        <view class="audioIconBox color" style="margin-left: 30rpx; margin-right: 10rpx">
          <view wx:if="{{isplay}}" bind:tap="play" class="pauseCircleBox">
            <!-- <t-icon name="play-circle-stroke" size="24" /> -->
            <image src="/static/images/resourceDetailsMyAudio/play@2x.png" mode="" />
          </view>
          <view wx:if="{{!isplay}}" bind:tap="stop" class="pauseCircleBox">
            <!-- <t-icon name="pause-circle-stroke" size="24" /> -->
            <image src="/static/images/resourceDetailsMyAudio/zanting@2x.png" mode="" />
          </view>
        </view>
        <view wx:else bind:tap="stop" class="pauseCircleBox">
          <!-- <t-icon name="pause-circle-stroke" size="24" /> -->
          <image src="/static/images/resourceDetailsMyAudio/zanting@2x.png" mode="" />
        </view>
      </view>
      <slider style="width: 300rpx" activeColor="#FF6C00" class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>
      <!-- 右切换 -->
      <!-- <view class="rightSwitchBox color" bind:tap="onRightSwitch">
        <slider style="width: 300rpx" activeColor="#FF6C00" class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider>
        <!-- 右切换 -->
        <!-- <view class="rightSwitchBox color" bind:tap="onRightSwitch">
        <t-icon name="next" size="24" />
      </view> -->

      <!-- 时间 -->
      <view class="current-time color">{{myAudioCurrent}} </view>
      <view class="color" style="margin: 0 10rpx">/</view>
      <view class="duration-time color"> {{myAudioDuration}} </view>
        <!-- 时间 -->
        <view class="current-time color">{{myAudioCurrent}} </view>
        <view class="color" style="margin: 0 10rpx">/</view>
        <view class="duration-time color"> {{myAudioDuration}} </view>

      <!-- bind:tap="onSpeed" -->
      <view class="publicBtn color">
        <view class="publicText" bind:tap="toggleDropdown">
          <view> {{"x "+speed}} </view>
          <t-icon style="margin-top: 10rpx" wx:if="{{showDropdown}}" name="caret-up-small" size="14" bind:click="onIconTap" />
          <t-icon style="margin-top: 10rpx" wx:else name="caret-down-small" size="14" bind:click="onIconTap" />
        </view>
        <view class="multipleBox" wx:if="{{showDropdown}}">
          <view wx:if="{{speed != 0.5}}" style="margin: 5rpx 0" bind:tap="smallSpeed">x0.5</view>
          <view wx:if="{{speed != 1}}" style="margin: 5rpx 0" bind:tap="smallSpeeDmultiple">x1</view>
          <view wx:if="{{speed != 1.5}}" style="margin: 5rpx 0" bind:tap="centreSpeed">x1.5</view>
          <view wx:if="{{speed != 2}}" style="margin: 5rpx 0" bind:tap="bigSpeed">x2</view>
        <!-- bind:tap="onSpeed" -->
        <view class="publicBtn color">
          <view class="publicText" bind:tap="toggleDropdown">
            <view> {{"x "+speed}} </view>
            <t-icon style="margin-top: 10rpx" wx:if="{{showDropdown}}" name="caret-up-small" size="14" bind:click="onIconTap" />
            <t-icon style="margin-top: 10rpx" wx:else name="caret-down-small" size="14" bind:click="onIconTap" />
          </view>
          <view class="multipleBox" wx:if="{{showDropdown}}">
            <view wx:if="{{speed != 0.5}}" style="margin: 5rpx 0" bind:tap="smallSpeed">x0.5</view>
            <view wx:if="{{speed != 1}}" style="margin: 5rpx 0" bind:tap="smallSpeeDmultiple">x1</view>
            <view wx:if="{{speed != 1.5}}" style="margin: 5rpx 0" bind:tap="centreSpeed">x1.5</view>
            <view wx:if="{{speed != 2}}" style="margin: 5rpx 0" bind:tap="bigSpeed">x2</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

<!-- 标题 -->
<view class="titleBox">{{titleName}}</view>
<view class="contentBox">
  <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
    <!-- 资源列表 -->
    <t-tab-panel label="资源列表" value="0" style="{{tabPanelstyle}}" style="width: 750rpx">
      <view class="wrapper">
        <t-collapse value="{{activeValues}}" bind:change="handleChange">
          <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon>
            <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}">
              <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view>
  <!-- 标题 -->
  <view class="titleBox">{{titleName}}</view>
  <view class="contentBox">
    <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
      <!-- 资源列表 -->
      <t-tab-panel label="资源列表" value="0" style="{{tabPanelstyle}}" style="width: 750rpx">
        <view class="wrapper">
          <t-collapse value="{{activeValues}}" bind:change="handleChange">
            <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon>
              <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}">
                <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view>
              </view>
            </t-collapse-panel>
          </t-collapse>
        </view>
      </t-tab-panel>
      <!-- 笔记展示 -->
      <t-tab-panel label="笔记" value="1" style="{{tabPanelstyle}}">
        <view class="wrapper">
          <t-collapse value="{{activeValues}}" bind:change="handleChange">
            <view wx:if="{{noteList.length == 0}}" class="noData">
              <t-empty icon="folder-open" description="暂无数据" />
            </view>
          </t-collapse-panel>
        </t-collapse>
      </view>
    </t-tab-panel>
    <!-- 笔记展示 -->
    <t-tab-panel label="笔记" value="1" style="{{tabPanelstyle}}">
      <view class="wrapper">
        <t-collapse value="{{activeValues}}" bind:change="handleChange">
          <view wx:if="{{noteList.length == 0}}" class="noData">
            <t-empty icon="folder-open" description="暂无数据" />
          </view>

          <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
            <view slot="header" class="collapse-header">
              <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
              <view class="header-name">{{titleName}}</view>
            </view>
            <view>
              <view class="note-content">{{item.content}}</view>
              <view class="note-bottom">
                <view class="note-time">{{item.createDate}}</view>
                <view class="bottom-btn">
                  <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
                  <view></view>
                  <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
            <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
              <view slot="header" class="collapse-header">
                <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
                <view class="header-name">{{item.name}}</view>
              </view>
              <view>
                <view class="note-content">{{item.content}}</view>
                <view class="note-bottom">
                  <view class="note-time">{{item.createDate}}</view>
                  <view class="bottom-btn">
                    <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
                    <view></view>
                    <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
                  </view>
                </view>
              </view>
            </view>
          </t-collapse-panel>
        </t-collapse>
      </view>
    </t-tab-panel>
  </t-tabs>
            </t-collapse-panel>
          </t-collapse>
        </view>
      </t-tab-panel>
    </t-tabs>

  <!-- 记笔记 -->
  <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
    <view class="takeNotesLining">
      <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 记笔记
    </view>
  </view>
</view>

<!-- 记笔记弹窗 -->
<t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
  <view class="popup">
    <view slot="title">
      <view class="title-text" wx:if="{{!flag}}">
        <text class="note-title">{{titleName}}</text>
        <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
      </view>
      <view wx:else>
        <t-input value="{{titleName}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>
      </view>
    </view>
    <view slot="content">
      <view class="textarea-example">
        <text class="textarea-example__label">内容:</text>
        <t-textarea value="{{textvalue}}" t-class="external-class" placeholder="请输入文字" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
      </view>

      <view class="submit-btn">
        <t-button theme="primary" size="large" block bind:tap="confirmSuggest">提交</t-button>
    <!-- 记笔记 -->
    <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
      <view class="takeNotesLining">
        <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 记笔记
      </view>
    </view>
  </view>
  <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
</t-popup>

  <!-- 记笔记弹窗 -->
  <t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
    <view class="popup">
      <view slot="title">
        <view class="title-text" wx:if="{{!flag}}">
          <text class="note-title">{{submitTitle}}</text>
          <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
        </view>
        <view wx:else>
          <t-input value="{{submitTitle}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>
        </view>
      </view>
      <view slot="content">
        <view class="textarea-example">
          <text class="textarea-example__label">内容:</text>
          <t-textarea value="{{textvalue}}" t-class="external-class" placeholder="请输入文字" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
        </view>

        <view class="submit-btn">
          <t-button theme="primary" size="large" block bind:tap="confirmSuggest">提交</t-button>
        </view>
      </view>
    </view>
    <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
  </t-popup>
</view>

 packageDomain/pages/resourceDetails/myAudio/index.wxss

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

.nacigationBar {
  background-color: #fff;
  display: flex;

 packageDomain/pages/resourceDetails/myVideo/index.js

@@ -10,7 +10,7 @@
    noteList: [],
    navBarHeight: '',
    barHeight: '',
    flag: true, // 输入框是否显示
    flag: false, // 输入框是否显示
    tabPanelstyle: 'display:flex;justify-content:center;align-items:center;',
    activeValues: [0],
    dialogKey: false,
@@ -37,7 +37,10 @@

    videoChange: true,
    startTime: "", //进入页面当前时间
    pauseTime: 0 //暂停时间
    pauseTime: 0, //暂停时间
    formPath: '',
    loading: true,
    hidden: true
  },
  // 格式化笔记时间
  convertTimestamp(timestamp) {
@@ -70,6 +73,7 @@
      parentName: options.parentName,
      parentProductLinkPath: options.parentProductLinkPath,
      productLinkPath: options.productLinkPath,
      formPath: options.formPath,
      flag: false
    })
    console.log(options, 'options');
@@ -177,14 +181,12 @@
    this.setData({
      submitTitle: this.data.bookName,
      dialogKey: true,
      // textvalue: ''
      textvalue: ''


    });
  },

  closeDialog() {

    this.setData({
      dialogKey: false,
      textvalue: '',
@@ -219,27 +221,28 @@
        size: 999
      }
    }

    app.MG.store.getProductDetail(query).then(res => {
      res.datas.cmsDatas[0].datas.forEach((item) => {
        if (item.selectType === "video") {
        console.log(item);
        if (item.selectType === "video" || item.learnSelectType === "video") {
          this.data.threeLeveData.push(item)
          this.setData({
            threeLeveData: this.data.threeLeveData
          })

          this.data.threeLeveData.forEach((items, index) => { // 修改此处添加index参数
            if (this.data.productLinkPath == items.productLinkPath) {
              if (!items.file) {
                console.log(1111);
              if (this.data.formPath === "jsek_cloudLearning") {
                console.log(items);
                this.setData({
                  showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + items.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey),
                  titleName: items.name
                })
              } else {
                this.setData({
                  showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file,
                  titleName: items.name
                })
              }


              this.setData({
                showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file,
                titleName: items.name
              })

              console.log(index, 'index');
              let selectedIndex = index; // 存储选中项的索引
              this.setData({
@@ -248,11 +251,13 @@
            }
          });
        }


      })
      this.data.threeLeveData.forEach((item) => {
        console.log(item.name);
      })
      this.setData({
        loading: false,
        hidden: false
      })
    })
  },
@@ -271,14 +276,23 @@
      titleName: item.name
    })

    if (item.selectType == "video") {
    if (item.selectType == "video" || item.learnSelectType === "video") {

      // if (!item.file) {
      //   console.log(1111);
      // }
      this.setData({
        showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
      })

      if (this.data.formPath === "jsek_cloudLearning") {

        this.setData({
          showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + item.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey)
        })
      } else {
        this.setData({
          showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
        })
      }

      console.log(this.data.showData, 'item.file');

    }
@@ -416,9 +430,12 @@
      submitType: "edit",
      textvalue: note.content,
      submitTitle: note.name,
      noteId: note.id

      noteId: note.id,
      dialogKey: true,
    })
    this.showDialog()
    console.log(this.data.submitTitle);
    // this.showDialog()
  },

  // 删除笔记
@@ -502,7 +519,7 @@
      return wx.getUserProfile({
        desc: '用户登录',
        success: (res) => {
          console.log(res);
          // console.log(res);
        }
      })
    }

 packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxml

New file
@@ -0,0 +1,213 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午6:39:42
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myVideo\index.wxml 引入模板

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

在 D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myVideo\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view style="width: 100%; height: 44px; "></view>
    <view class="nacigationBar" style="width: 70%; height: 40px;">
      <view>
        <view class="t-icon icon--t-icon  " style="font-size: 30px;">
          <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
        </view>
      </view>
      <view class="navbar-title sk-transparent sk-text-14-2857-124 sk-text">资源详情-视频</view>
    </view>
    <view class="videoBox">
      <view controls="true" enable-auto-rotation="true" enable-play-gesture="true" object-fit="fill" play-btn-position="center" src="http://182.92.203.7:3001/file/api/ApiDownload?md5=fb8ab1d18a75ffaf4bde4e47280f7c0b" unit-id="true" show-fullscreen-btn="true" class="sk-transparent sk-text--Infinity-550 sk-text sk-image">37:47</view>
    </view>
    <view class="titleBox sk-transparent sk-text-14-2857-20 sk-text">一、道德与品德的关系-有试看</view>
    <view class="contentBox">
      <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
        <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
          <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
            <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
              <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
                <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active  " data-index="0">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-701 sk-text">资源列表</view>
                  </view>
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-250 sk-text">笔记</view>
                  </view>
                  <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(49px); transform: translateX(49px);"></view>
                </view>
              </scroll-view>
            </view>
          </view>
        </view>
        <view class="t-tabs__content tabs--t-tabs__content">
          <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
            <view class="  t-tab-panel tab-panel--t-tab-panel t-is-active tab-panel--t-is-active" style="width: 375px;" id="8dd02aa9--t_tabs_4_panel_0">
              <view class="wrapper">
                <view class="  t-collapse collapse--t-collapse t-collapse--default collapse--t-collapse--default" style="true">
                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom panel--t-collapse-panel__header--expanded t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                        <view class="t-cell__left cell--t-cell__left "></view>
                        <view class="t-cell__title cell--t-cell__title ">
                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title sk-transparent sk-text-16-6667-511 sk-text"> 第一节 </view>
                          <view class="t-cell__description cell--t-cell__description "></view>
                        </view>
                        <view class="t-cell__right cell--t-cell__right ">
                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
                            <label class="t-icon-chevron-up icon--t-icon-chevron-up t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper" style=";transition:0ms ease-in-out 0ms;transform:;transition-property:transform,height,top;transform-origin:50% 50% 0;-webkit-transition:0ms ease-in-out 0ms;-webkit-transform:;-webkit-transition-property:transform,height,top;-webkit-transform-origin:50% 50% 0;height:auto;top:0px">
                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
                        <view class="detailsName" data-index="0" data-item="[object Object]">
                          <view style="color: #ff6c00" class="sk-transparent sk-text-16-6667-447 sk-text">一、道德与品德的关系-有试看</view>
                        </view>
                        <view class="detailsName" data-index="1" data-item="[object Object]">
                          <view style="color: #000" class="sk-transparent sk-text-16-6667-527 sk-text">二、重视德育理论 促进中小学生品德的发展-无试看</view>
                        </view>
                        <view class="detailsName" data-index="2" data-item="[object Object]">
                          <view style="color: #000" class="sk-transparent sk-text-16-6667-291 sk-text">三、教师是学校德育的主力军</view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
            <view class="  t-tab-panel tab-panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="32db8407--t_tabs_4_panel_1">
              <view class="wrapper">
                <view class="  t-collapse collapse--t-collapse t-collapse--default collapse--t-collapse--default" style="true">
                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                        <view class="t-cell__left cell--t-cell__left "></view>
                        <view class="t-cell__title cell--t-cell__title ">
                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
                            <view class="collapse-header">
                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="ebd0dd1d--image" mode="scaleToFill" style="true"></image>
                              <view class="header-name sk-transparent sk-text-16-6667-849 sk-text">一、道德与品德的关系-有试看</view>
                            </view>
                          </view>
                          <view class="t-cell__description cell--t-cell__description "></view>
                        </view>
                        <view class="t-cell__right cell--t-cell__right ">
                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
                        <view>
                          <view class="note-content sk-transparent sk-text-16-6667-129 sk-text">米国</view>
                          <view class="note-bottom">
                            <view class="note-time sk-transparent sk-text-16-6667-518 sk-text">2024-04-10 15:49:49</view>
                            <view class="bottom-btn">
                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="f874cd40--image" mode="scaleToFill" style="true"></image>
                              <view></view>
                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="fade9893--image" mode="scaleToFill" style="true"></image>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                        <view class="t-cell__left cell--t-cell__left "></view>
                        <view class="t-cell__title cell--t-cell__title ">
                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
                            <view class="collapse-header">
                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="c1a1821e--image" mode="scaleToFill" style="true"></image>
                              <view class="header-name sk-transparent sk-text-16-6667-814 sk-text">一、道德与品德的关系-有试看</view>
                            </view>
                          </view>
                          <view class="t-cell__description cell--t-cell__description "></view>
                        </view>
                        <view class="t-cell__right cell--t-cell__right ">
                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
                        <view>
                          <view class="note-content sk-transparent sk-text-16-6667-761 sk-text">sadsad</view>
                          <view class="note-bottom">
                            <view class="note-time sk-transparent sk-text-16-6667-226 sk-text">2024-04-09 17:29:22</view>
                            <view class="bottom-btn">
                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="69b62741--image" mode="scaleToFill" style="true"></image>
                              <view></view>
                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="4ac9b04c--image" mode="scaleToFill" style="true"></image>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-collapse-panel panel--t-collapse-panel t-collapse-panel--bottom panel--t-collapse-panel--bottom sk-pseudo sk-pseudo-circle" style="true">
                    <view class="t-collapse-panel__title panel--t-collapse-panel__title sk-button">
                      <view class="panel--t-collapse-panel__header panel--t-collapse-panel__header--bottom t-cell cell--t-cell t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                        <view class="t-cell__left cell--t-cell__left "></view>
                        <view class="t-cell__title cell--t-cell__title ">
                          <view class="t-cell__title-text cell--t-cell__title-text panel--class-title">
                            <view class="collapse-header">
                              <image class="note-icon t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="3a1b9843--image" mode="scaleToFill" style="true"></image>
                              <view class="header-name sk-transparent sk-text-16-6667-819 sk-text">一、道德与品德的关系-有试看</view>
                            </view>
                          </view>
                          <view class="t-cell__description cell--t-cell__description "></view>
                        </view>
                        <view class="t-cell__right cell--t-cell__right ">
                          <view class="t-icon icon--t-icon cell--undefined cell--t-cell__right-icon panel--class-right-icon panel--t-collapse-panel__arrow--bottom" style="true">
                            <label class="t-icon-chevron-down icon--t-icon-chevron-down t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                          </view>
                        </view>
                      </view>
                    </view>
                    <view class="t-collapse-panel__wrapper panel--t-collapse-panel__wrapper">
                      <view class="t-collapse-panel__content panel--t-collapse-panel__content sk-transparent">
                        <view>
                          <view class="note-content sk-transparent sk-text-16-6667-784 sk-text">文明小</view>
                          <view class="note-bottom">
                            <view class="note-time sk-transparent sk-text-16-6667-869 sk-text">2024-04-08 11:24:02</view>
                            <view class="bottom-btn">
                              <image class="complice t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="7e859dc7--image" mode="scaleToFill" style="true"></image>
                              <view></view>
                              <image class="delete t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9b3ed7bb--image" mode="scaleToFill" style="true"></image>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="takeNotes" data-key="showCloseBtn">
        <view class="takeNotesLining sk-transparent">
          <image mode="true" class="sk-image"></image> 记笔记
        </view>
      </view>
    </view>
  </view>
</template>

 packageDomain/pages/resourceDetails/myVideo/index.skeleton.wxss

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

在 D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myVideo\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-124 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text--Infinity-550 {
    background-image: linear-gradient(transparent -Infinity%, #EEEEEE 0%, #EEEEEE NaN%, transparent 0%) !important;
    background-size: 100% 0.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-20 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-701 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-250 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-16-6667-511 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-447 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-527 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-291 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-849 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-129 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-518 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-814 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-761 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-226 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-819 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-784 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-16-6667-869 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-button {
    color: #EFEFEF !important;
    background: #EFEFEF !important;
    border: none !important;
    box-shadow: none !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 packageDomain/pages/resourceDetails/myVideo/index.wxml

@@ -1,109 +1,116 @@
<view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />

<view hidden="{{hidden}}">

  <view style="width: 100%; height: {{barHeight}}px; "></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
    </view>
    <view class="navbar-title">资源详情-视频</view>
  </view>
  <view class="navbar-title">资源详情-视频</view>
</view>
<!-- 视频  -->
<view class="videoBox" wx:if="{{videoChange}}">
  <!-- autoplay='false' 是否自动播放 -->
  <video binderror="videoErrorCallback" src="{{showData}}" play-btn-position='center' object-fit='fill' controls enable-play-gesture enable-auto-rotation></video>
  <!-- 视频  -->
  <view class="videoBox" wx:if="{{videoChange}}">
    <!-- autoplay='false' 是否自动播放 -->
    <video binderror="videoErrorCallback" src="{{showData}}" play-btn-position='center' object-fit='fill' controls enable-play-gesture enable-auto-rotation></video>

</view>
  </view>

<view wx:if="{{!videoChange}}" class="videoSubsidiaryBox">
  <view wx:if="{{!videoChange}}" class="videoSubsidiaryBox">

  <view class="videoNoData">暂无数据</view>
    <view class="videoNoData">暂无数据</view>

</view>
  </view>

<!-- 标题 -->
<view class="titleBox">{{titleName}}</view>
<view class="contentBox">
  <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
    <!-- 资源列表 -->
    <t-tab-panel label="资源列表" value="0" style="{{tabPanelstyle}}" style="width: 750rpx;">
      <view class="wrapper">
        <t-collapse value="{{activeValues}}" bind:change="handleChange">
          <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon>
            <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}">
              <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view>
            </view>
          </t-collapse-panel>
        </t-collapse>
      </view>
    </t-tab-panel>
    <!-- 笔记展示 -->
    <t-tab-panel label="笔记" value="1" style="{{tabPanelstyle}}">

      <view class="wrapper">
        <view wx:if="{{!noteList.length}}" class="noData">
          <t-empty icon="folder-open" description="暂无数据" />

  <!-- 标题 -->
  <view class="titleBox">{{titleName}}</view>
  <view class="contentBox">
    <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
      <!-- 资源列表 -->
      <t-tab-panel label="资源列表" value="0" style="{{tabPanelstyle}}" style="width: 750rpx;">
        <view class="wrapper">
          <t-collapse value="{{activeValues}}" bind:change="handleChange">
            <t-collapse-panel header="{{parentName}}" value="{{0}}" expandIcon>
              <view class="detailsName" wx:for="{{threeLeveData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="onVideo" data-item="{{item}}" data-index="{{index}}">
                <view style="color: {{selectedId == index ? '#ff6c00' : '#000'}}">{{item.name}}</view>
              </view>
            </t-collapse-panel>
          </t-collapse>
        </view>
        <t-collapse value="{{activeValues}}" bind:change="handleChange">
          <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
            <view slot="header" class="collapse-header">
              <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
              <view class="header-name">{{titleName}}</view>
            </view>
            <view>
              <view class="note-content">{{item.content}}</view>
              <view class="note-bottom">
                <view class="note-time">{{item.createDate}}</view>
                <view class="bottom-btn">
                  <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
                  <view></view>
                  <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
      </t-tab-panel>
      <!-- 笔记展示 -->
      <t-tab-panel label="笔记" value="1" style="{{tabPanelstyle}}">

        <view class="wrapper">
          <view wx:if="{{!noteList.length}}" class="noData">
            <t-empty icon="folder-open" description="暂无数据" />

          </view>
          <t-collapse value="{{activeValues}}" bind:change="handleChange">
            <t-collapse-panel value="{{item.id}}" expandIcon wx:for="{{noteList}}">
              <view slot="header" class="collapse-header">
                <t-image class="note-icon" src="/static/images/bookService/detail/note-icon.png"></t-image>
                <view class="header-name">{{item.name}}</view>
              </view>
              <view>
                <view class="note-content">{{item.content}}</view>
                <view class="note-bottom">
                  <view class="note-time">{{item.createDate}}</view>
                  <view class="bottom-btn">
                    <t-image src="/static/images/bookService/detail/compliceHover.png" class="complice" bind:tap="editNote" data-note="{{item}}"></t-image>
                    <view></view>
                    <t-image src="/static/images/bookService/detail/deleteHover.png" class="delete" bind:tap="deleteNote" data-id="{{item.id}}"></t-image>
                  </view>
                </view>
              </view>
            </view>
          </t-collapse-panel>
        </t-collapse>
      </view>
    </t-tab-panel>
  </t-tabs>
            </t-collapse-panel>
          </t-collapse>
        </view>
      </t-tab-panel>
    </t-tabs>

  <!-- 记笔记 -->
  <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
    <view class="takeNotesLining">
      <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 记笔记
    <!-- 记笔记 -->
    <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
      <view class="takeNotesLining">
        <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 记笔记
      </view>
    </view>
  </view>
</view>


<!-- 记笔记弹窗 -->
<t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
  <view class="popup">
    <view slot="title">
      <view class="title-text" wx:if="{{!flag}}">
        <text class="note-title">{{titleName}}</text>
        <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
  <!-- 记笔记弹窗 -->
  <t-popup visible="{{dialogKey}}" bind:visible-change="onVisibleChange" placement="center">
    <view class="popup">
      <view slot="title">
        <view class="title-text" wx:if="{{!flag}}">
          <text class="note-title">{{titleName}}</text>
          <t-image src="/static/images/bookService/detail/edit.png" class="edit-icon" bind:tap="changeTitle" data-value="{{true}}"></t-image>
        </view>
        <view wx:else>
          <t-input value="{{titleName}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>
        </view>
      </view>
      <view wx:else>
        <t-input value="{{titleName}}" style="{{inputStyle}}" data-value="{{false}}" bind:enter="changeTitle" bind:blur="changeTitle" maxlength="{{50}}" bind:change="inputChange"></t-input>




      <view slot='content'>
        <view class="textarea-example">
          <text class="textarea-example__label">内容:</text>
          <t-textarea value="{{textvalue}}" t-class="external-class" placeholder="请输入文字" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
        </view>


        <view class="submit-btn">
          <t-button theme="primary" size="large" block bind:tap="confirmSuggest">提交</t-button>
        </view>
      </view>



    </view>
    <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
  </t-popup>




    <view slot='content'>
      <view class="textarea-example">
        <text class="textarea-example__label">内容:</text>
        <t-textarea value="{{textvalue}}" t-class="external-class" placeholder="请输入文字" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="{{inputStyle}}" bind:change="textareaChange" />
      </view>


      <view class="submit-btn">
        <t-button theme="primary" size="large" block bind:tap="confirmSuggest">提交</t-button>
      </view>
    </view>



  </view>
  <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="closeDialog" />
</t-popup>
</view>

 packageDomain/pages/resourceDetails/myVideo/index.wxss

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

.nacigationBar {
  background-color: #fff;
  display: flex;

 packagePersonal/pages/aboutUs/index.js

@@ -7,13 +7,17 @@
   * 页面的初始数据
   */
  data: {
    loading: true,
    hidden: true,
    aboutText: null,
    swiperList: null,
    current: 1,//轮播图参数
    current: 1, //轮播图参数
    autoplay: true, //轮播图参数
    duration: '500',//轮播图参数
    interval: 5000,//轮播图参数
    navigation: { type: 'dots' },//轮播图参数
    duration: '500', //轮播图参数
    interval: 5000, //轮播图参数
    navigation: {
      type: 'dots'
    }, //轮播图参数
    bannerList: [], //轮播图列表
    navBarHeight: '',
    barHeight: '',
@@ -95,7 +99,10 @@
  getBanner() {
    app.MG.resource.getItem({
      path: 'jsek_banner\\jsek_aboutUsBanner',
      paging: { start: 0, size: 9 },
      paging: {
        start: 0,
        size: 9
      },
      fields: {
        jsek_link: []
      }
@@ -122,7 +129,9 @@
      console.log(res);

      this.setData({
        aboutText: res.datas[0].content
        aboutText: res.datas[0].content,
        loading: false,
        hidden: false,
      })



 packagePersonal/pages/aboutUs/index.skeleton.wxml

New file
@@ -0,0 +1,39 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午6:14:39
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\packagePersonal\pages\aboutUs\index.wxml 引入模板

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

在 D:\course_of_growth\jsekXcx\jsek-applet\packagePersonal\pages\aboutUs\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="aboutUsBox">
      <view class="titleBox">
        <view style="width: 100%; height: 44px; "></view>
        <view class="nacigationBar" style="width: 70%; height: 40px;">
          <view>
            <view class="t-icon icon--t-icon  " style="font-size: 30px;">
              <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
            </view>
          </view>
          <view class="navbar-title sk-transparent sk-text-14-2857-307 sk-text">关于我们</view>
        </view>
      </view>
      <view class="aboutUs">
        <view class="aboutText">
          <rich-text space="emsp"></rich-text>
        </view>
      </view>
    </view>
  </view>
</template>

 packagePersonal/pages/aboutUs/index.skeleton.wxss

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

在 D:\course_of_growth\jsekXcx\jsek-applet\packagePersonal\pages\aboutUs\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-307 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 50.4000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 packagePersonal/pages/aboutUs/index.wxml

@@ -1,4 +1,8 @@
<view class="aboutUsBox">
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />


<view class="aboutUsBox" hidden="{{hidden}}">
  <view class="titleBox">
    <view style="width: 100%; height: {{barHeight}}px; "></view>
    <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
@@ -12,13 +16,11 @@


  <view wx:if="{{types == 'jsek_aboutUs'}}" class="aboutUs">

    <view class="aboutText ">
    <view class="aboutText aboutUs">
      <rich-text nodes="{{aboutText}}" space="emsp"></rich-text>
    </view>

  </view>
  <view wx:else class="aboutText ">
    <rich-text style="width: 100%;" nodes="{{aboutText}}"></rich-text>
  <view wx:else class="aboutText" style="margin: 5rpx;">
    <rich-text style="width: 100%;" space="emsp" nodes="{{aboutText}}"></rich-text>
  </view>
</view>

 packagePersonal/pages/aboutUs/index.wxss

@@ -1,5 +1,6 @@
/* pages/aboutUs/index.wxss */

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

.nacigationBar {
  background-color: #fff;
@@ -30,7 +31,7 @@
}

.aboutUs {
  margin: 30rpx;
  margin: 15rpx;
}

.aboutText {

 pages/bibliographyList/index.js

@@ -27,6 +27,8 @@
      keyword: '',
      Md5: '',
      emailError: false,
      loading: true, //开启骨架屏加载
      hidden: true, //是否展示内容
    },

    /**
@@ -174,9 +176,14 @@
          higherTotal: res.total
        })
        console.log(this.data.higherList, '5555');
        this.setData({
          loading: false, //开启骨架屏加载
          hidden: false, //是否展示内容
        })
      })
      wx.stopPullDownRefresh()


    },

    //教师教育

 pages/bibliographyList/index.skeleton.wxml

New file
@@ -0,0 +1,177 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午5:30:57
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bibliographyList\index.wxml 引入模板

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bibliographyList\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="bibliographyList">
      <view class="titlesBox">
        <view class="bibliographyListBox"></view>
        <view class="titleBox">
          <view style="width: 100%; height: 44px; "></view>
          <view class="nacigationBar" style="width: 70%; height: 40px;">
            <view>
              <view class="t-icon icon--t-icon  " style="font-size: 30px;">
                <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
              </view>
            </view>
            <view class="example-search">
              <view class=" t-search search--t-search " style="true">
                <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--square search--t-search__input-box--square ">
                  <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
                    <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                  </view>
                  <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="请输入书目名称" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1"
                    selection-start="-1" type="text" value="true"></view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top contentBox custom-tabs" style="true">
        <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
          <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
            <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
              <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle"
                scroll-left="0" scroll-x="true">
                <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active  " data-index="0">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-276 sk-text">高等教育(20)</view>
                  </view>
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-516 sk-text">职业教育(8)</view>
                  </view>
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-840 sk-text">教师教育(2)</view>
                  </view>
                  <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(55.1640625px); transform: translateX(55.1640625px); "></view>
                </view>
              </scroll-view>
            </view>
          </view>
        </view>
        <view class="t-tabs__content tabs--t-tabs__content">
          <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
            <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="d2e69ebe--t_tabs_2_panel_0">
              <view class="outsideHigherBox">
                <view class="higherBox">
                  <view class="outsideHigherImageBox">
                    <view class="higherImageBox">
                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="higherTextBox sk-transparent sk-text-14-2857-993 sk-text">2021学前教育专业教材培训用书</view>
                </view>
                <view class="higherBox">
                  <view class="outsideHigherImageBox">
                    <view class="higherImageBox">
                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="higherTextBox sk-transparent sk-text-14-2857-426 sk-text">2021学前教育专业教材培训用书</view>
                </view>
                <view class="higherBox">
                  <view class="outsideHigherImageBox">
                    <view class="higherImageBox">
                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="higherTextBox sk-transparent sk-text-14-2857-211 sk-text">教师寒假生活阅读书单2022</view>
                </view>
                <view class="higherBox">
                  <view class="outsideHigherImageBox">
                    <view class="higherImageBox">
                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="higherTextBox sk-transparent sk-text-14-2857-459 sk-text">寒假书单2021</view>
                </view>
                <view class="higherBox">
                  <view class="outsideHigherImageBox">
                    <view class="higherImageBox">
                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="higherTextBox sk-transparent sk-text-14-2857-26 sk-text">教师暑假生活阅读书单2021</view>
                </view>
                <view class="higherBox">
                  <view class="outsideHigherImageBox">
                    <view class="higherImageBox">
                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="higherTextBox sk-transparent sk-text-14-2857-114 sk-text">教师寒假生活阅读书单2022</view>
                </view>
                <view class="higherBox">
                  <view class="outsideHigherImageBox">
                    <view class="higherImageBox">
                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="higherTextBox sk-transparent sk-text-14-2857-879 sk-text">教师暑假生活阅读书单2022</view>
                </view>
                <view class="higherBox">
                  <view class="outsideHigherImageBox">
                    <view class="higherImageBox">
                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="higherTextBox sk-transparent sk-text-14-2857-865 sk-text">学前教育专业教材培训用书书目2022</view>
                </view>
                <view class="higherBox">
                  <view class="outsideHigherImageBox">
                    <view class="higherImageBox">
                      <image data-item="[object Object]" mode="aspectFill" class="sk-image"></image>
                      <view class="downloadIcon" data-item="[object Object]" data-key="showWithInput">
                        <image class="downloadshiftin sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="higherTextBox sk-transparent sk-text-14-2857-819 sk-text">2210147-2023高职中心普通高等教育教材书目</view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

 pages/bibliographyList/index.skeleton.wxss

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bibliographyList\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-276 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-516 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-840 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-993 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-426 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-211 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-459 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-26 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-114 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-879 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-865 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-819 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 pages/bibliographyList/index.wxml

@@ -1,127 +1,135 @@
<view class="bibliographyList">
  <view class="titlesBox">
    <!--pages/bibliographyList/index.wxml-->
    <view wx:if="{{downloadLoadin}}" class="loadinBox">
      <t-loading class="colors" theme="circular" size="70rpx" class="wrapper" />

    </view>
    <view class="bibliographyListBox"></view>
    <view class="titleBox">
      <view style="width: 100%; height: {{barHeight}}px; "></view>
      <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
        <view>
          <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
        </view>

        <view class="example-search">
          <t-search model:value="{{value}}" placeholder="请输入书目名称" bind:submit="onSearchSubmit">
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />


          </t-search>
          <!-- <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" /> -->
<view hidden="{{hidden}}">



        </view>
  <view class="bibliographyList">
    <view class="titlesBox">
      <!--pages/bibliographyList/index.wxml-->
      <view wx:if="{{downloadLoadin}}" class="loadinBox">
        <t-loading class="colors" theme="circular" size="70rpx" class="wrapper" />

      </view>
      <view class="bibliographyListBox"></view>
      <view class="titleBox">
        <view style="width: 100%; height: {{barHeight}}px; "></view>
        <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
          <view>
            <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
          </view>

          <view class="example-search">
            <t-search model:value="{{value}}" placeholder="请输入书目名称" bind:submit="onSearchSubmit">


            </t-search>
            <!-- <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" /> -->



          </view>

        </view>
      </view>

    </view>



    <t-tabs class="contentBox" defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
      <t-tab-panel label="高等教育({{higherTotal}})" value="0">

        <view wx:if="{{higherList.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>

        <view wx:else class="outsideHigherBox">
          <view class="higherBox" wx:for="{{higherList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
            <view class="outsideHigherImageBox">
              <view class="higherImageBox">
                <image wx:if="{{item.icon}}" data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
                <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
                <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
                  <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
                  <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
                </view>
              </view>
            </view>
            <view class="higherTextBox">{{item.name}}</view>
          </view>
        </view>
        <view wx:if="{{higherList.length > 0}}" class="bottom-box">
          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>

      </t-tab-panel>
      <t-tab-panel label="职业教育({{vocationalTotal}})" value="1">
        <view wx:if="{{vocationalList.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>



        <view wx:else class="outsideHigherBox">
          <view class="higherBox" wx:for="{{vocationalList}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="downloadData" data-item="{{item}}">
            <view class="outsideHigherImageBox">
              <view class="higherImageBox">
                <image wx:if="{{item.icon}}" data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
                <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
                <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
                  <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
                  <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
                </view>
              </view>
            </view>
            <view class="higherTextBox">{{item.name}}</view>
          </view>

        </view>

        <view wx:if="{{vocationalList.length > 0}}" class="bottom-box">
          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>
      </t-tab-panel>
      <t-tab-panel label="教师教育({{teacherTotal}})" value="2">

        <view wx:if="{{teacherList.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>
        <view wx:else class="outsideHigherBox">
          <view class="higherBox" wx:for="{{teacherList}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="downloadData">
            <view class="outsideHigherImageBox">
              <view class="higherImageBox">
                <image wx:if="{{item.icon}}" data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
                <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
                <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
                  <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
                  <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
                </view>
              </view>
            </view>
            <view class="higherTextBox">{{item.name}}</view>
          </view>

        </view>

        <view wx:if="{{teacherList.length > 0}}" class="bottom-box">
          <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>
      </t-tab-panel>
    </t-tabs>
  </view>
  <view class="dialogBox">
    <t-dialog visible="{{showWithInput}}" title="请输入邮箱" confirm-btn="确定" cancel-btn="取消" bind:confirm="onConfirm" bind:cancel="closeDialog">

      <t-input model:value="{{input}}" borderless class="dialog-input" clearable slot="content" placeholder="请输入邮箱号" placeholder-class="placeholder" bindchange="onEmailInput" />

    </t-dialog>
  </view>



  <t-tabs class="contentBox" defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
    <t-tab-panel label="高等教育({{higherTotal}})" value="0">

      <view wx:if="{{higherList.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>

      <view wx:else class="outsideHigherBox">
        <view class="higherBox" wx:for="{{higherList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
          <view class="outsideHigherImageBox">
            <view class="higherImageBox">
              <image wx:if="{{item.icon}}" data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
              <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
              <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
                <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
                <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
              </view>
            </view>
          </view>
          <view class="higherTextBox">{{item.name}}</view>
        </view>
      </view>
      <view wx:if="{{higherList.length > 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>

    </t-tab-panel>
    <t-tab-panel label="职业教育({{vocationalTotal}})" value="1">
      <view wx:if="{{vocationalList.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>



      <view wx:else class="outsideHigherBox">
        <view class="higherBox" wx:for="{{vocationalList}}" wx:key="index" wx:for-item="item" wx:for-index="index" bind:tap="downloadData" data-item="{{item}}">
          <view class="outsideHigherImageBox">
            <view class="higherImageBox">
              <image data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
              <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
              <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
                <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
                <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
              </view>
            </view>
          </view>

          <view class="higherTextBox">{{item.name}}</view>
        </view>

      </view>

      <view wx:if="{{vocationalList.length > 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </t-tab-panel>
    <t-tab-panel label="教师教育({{teacherTotal}})" value="2">

      <view wx:if="{{teacherList.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>
      <view wx:else class="outsideHigherBox">
        <view class="higherBox" wx:for="{{teacherList}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="downloadData">
          <view class="outsideHigherImageBox">
            <view class="higherImageBox">
              <image data-item="{{item}}" bind:tap="downloadData" src="{{item.icon}}" mode="aspectFill" />
              <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="aspectFill" />
              <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" bind:tap="mailbox">
                <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/email-click.png" mode="aspectFit" />
                <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/email.png" mode="aspectFit" />
              </view>
            </view>
          </view>
          <view class="higherTextBox">{{item.name}}</view>
        </view>

      </view>

      <view wx:if="{{teacherList.length > 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </t-tab-panel>
  </t-tabs>
</view>
<view class="dialogBox">
  <t-dialog visible="{{showWithInput}}" title="请输入邮箱" confirm-btn="确定" cancel-btn="取消" bind:confirm="onConfirm" bind:cancel="closeDialog">

    <t-input model:value="{{input}}" borderless class="dialog-input" clearable slot="content" placeholder="请输入邮箱号" placeholder-class="placeholder" bindchange="onEmailInput" />

  </t-dialog>
</view>

 pages/bibliographyList/index.wxss

@@ -6,6 +6,8 @@
.custom-panel {
  height: 120px;
} */
@import "./index.skeleton.wxss";

.nacigationBar {
  background-color: #fff;
  display: flex;

 pages/bookExhibitionDetails/index.js

@@ -6,6 +6,8 @@
   * 页面的初始数据
   */
  data: {
    loading: true,
    hidden: true,
    bookName: '',
    bookBeginDate: '',
    bookCreator: '',
@@ -92,6 +94,10 @@
  },

  bookExhibitionGet(passId) {
    this.setData({
      loading: true,
      hidden: true,
    })
    wx.showLoading({
      title: '加载中...',
    })
@@ -118,10 +124,18 @@
        bookImage: res.datas.icon
      });
      wx.hideLoading()
      this.setData({
        loading: false,
        hidden: false,
      })
    })
  },
  //书展详情接口
  getBookExhibitionDetails(passId) {
    this.setData({
      loading: true,
      hidden: true,
    })
    app.MG.store.getProductList({
      path: '*',
      storeInfo: 'jsek_bookFair',
@@ -140,6 +154,10 @@
        bookExhibitionList: res.datas
      })
      console.log(this.data.bookExhibitionList, 'bookExhibitionList');
      this.setData({
        loading: false,
        hidden: false,
      })
    })
  },
  onBookDetails(event) {

 pages/bookExhibitionDetails/index.skeleton.wxml

New file
@@ -0,0 +1,74 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午6:03:36
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionDetails\index.wxml 引入模板

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionDetails\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view style="width: 100%; height: 44px; "></view>
    <view class="nacigationBar" style="width: 70%; height: 40px;">
      <view>
        <view class="t-icon icon--t-icon  " style="font-size: 30px;">
          <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
        </view>
      </view>
      <view class="navbar-title sk-transparent sk-text-14-2857-469 sk-text">2024春高等学校中文类精品教材</view>
    </view>
    <view class="headBox">
      <view class="titleBox sk-transparent sk-text-14-2857-407 sk-text">高等学校中文类精品教材</view>
      <view class="informationBox">
        <text class="informationNameBox sk-transparent sk-text-14-2857-18 sk-text">发布人:王曼卿</text>
        <text class="informationTimeBox sk-transparent sk-text-14-2857-853 sk-text">发布日期：2023-12-04</text>
      </view>
    </view>
    <image class="partingBox sk-image" mode="aspectFill"></image>
    <view class="bannerBox">
      <image mode="aspectFit" class="sk-image"></image>
    </view>
    <view class="textContent">
      <rich-text nodes="自 20 世纪 80 年代中期至今，高教社中文分社共组织出版了近千种教材。其中有&amp;ldquo;面向 21 世纪课程教材&amp;rdquo;，普通高等教 育&amp;ldquo;九五&amp;rdquo;&amp;ldquo;十五&amp;rdquo;&amp;ldquo;十一五&amp;rdquo;和&amp;ldquo;十二五&amp;rdquo;国家级规划教材，首届全国教材建设奖获奖教材等。多种产品被作为国家级、省级精品课程主讲教材。"></rich-text>
    </view>
    <view class="outsideBooksBox">
      <view class="booksBox" data-item="[object Object]">
        <view class="outsideBooksImageBox">
          <image class="booksImageBox sk-image" mode="true"></image>
        </view>
        <view class="booksTextBox">
          <text class="sk-transparent sk-text-14-2857-112 sk-text">新编外国文学教程</text>
        </view>
        <view class="boosAuthor sk-transparent sk-text-14-2857-57 sk-text">亢西民</view>
      </view>
      <view class="booksBox" data-item="[object Object]">
        <view class="outsideBooksImageBox">
          <image class="booksImageBox sk-image" mode="true"></image>
        </view>
        <view class="booksTextBox">
          <text class="sk-transparent sk-text-14-2857-740 sk-text">中国当代作家作品导引</text>
        </view>
        <view class="boosAuthor sk-transparent sk-text-14-2857-467 sk-text">张清华熊修雨</view>
      </view>
      <view class="booksBox" data-item="[object Object]">
        <view class="outsideBooksImageBox">
          <image class="booksImageBox sk-image" mode="true"></image>
        </view>
      </view>
      <view class="booksBox" data-item="[object Object]">
        <view class="outsideBooksImageBox">
          <image class="booksImageBox sk-image" mode="true"></image>
        </view>
      </view>
    </view>
  </view>
</template>

 pages/bookExhibitionDetails/index.skeleton.wxss

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionDetails\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-469 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-407 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 61.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-18 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-853 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-112 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-57 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-740 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-467 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 pages/bookExhibitionDetails/index.wxml

@@ -1,40 +1,46 @@
<!--pages/bookExhibitionDetails/index.wxml-->
<view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
  </view>
  <view class="navbar-title">{{subtitleName}}</view>
</view>

<view class="headBox">
  <view class="titleBox">{{bookName}}</view>
  <view class="informationBox">
    <text class="informationNameBox">发布人:{{bookCreator}}</text>
    <text class="informationTimeBox">发布日期：{{bookBeginDate}}</text>

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



<image class="partingBox" src="/static/images/bookExhibitionDetails/Parting.png" mode="aspectFill" />
<view class="bannerBox">
  <image src="{{bookImage}}" mode="aspectFit" />
</view>


<view class="textContent">
  <rich-text nodes="{{bookContent}}"></rich-text>

  <!-- <text>{{bookContent}}</text> -->
</view>
<view class="outsideBooksBox">
  <view class="booksBox" wx:for="{{bookExhibitionList}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onBookDetails">
    <view class="outsideBooksImageBox">
      <image class="booksImageBox" src="{{item.icon}}" mode="" />
<view hidden="{{hidden}}">
  <view style="width: 100%; height: {{barHeight}}px; "></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
    </view>
    <view class="booksTextBox"> <text>{{item.name}}</text></view>
    <view class="boosAuthor">{{item.author}}</view>
    <view class="navbar-title">{{subtitleName}}</view>
  </view>

  <view class="headBox">
    <view class="titleBox">{{bookName}}</view>
    <view class="informationBox">
      <text class="informationNameBox">发布人:{{bookCreator}}</text>
      <text class="informationTimeBox">发布日期：{{bookBeginDate}}</text>

    </view>
  </view>



  <image class="partingBox" src="/static/images/bookExhibitionDetails/Parting.png" mode="aspectFill" />
  <view class="bannerBox">
    <image src="{{bookImage}}" mode="aspectFit" />
  </view>


  <view class="textContent">
    <rich-text nodes="{{bookContent}}"></rich-text>

    <!-- <text>{{bookContent}}</text> -->
  </view>
  <view class="outsideBooksBox">
    <view class="booksBox" wx:for="{{bookExhibitionList}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onBookDetails">
      <view class="outsideBooksImageBox">
        <image class="booksImageBox" src="{{item.icon}}" mode="" />
      </view>
      <view class="booksTextBox"> <text>{{item.name}}</text></view>
      <view class="boosAuthor">{{item.author}}</view>
    </view>
  </view>
</view>

 pages/bookExhibitionDetails/index.wxss

@@ -1,5 +1,6 @@
/* pages/bookExhibitionDetails/index.wxss */
.headBox {}

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

.nacigationBar {
  background-color: #fff;

 pages/bookExhibitionList/index.js

@@ -8,6 +8,8 @@
   * 页面的初始数据
   */
  data: {
    loading: true,
    hidden: true,
    totalSize: '',
    start: 0,
    isMore: null,
@@ -318,33 +320,42 @@
      //取消
      wx.hideLoading()
      // console.log(this.data.bookExhibitionList, '数据');

      this.setData({
        loading: false,
        hidden: false,
      })
    })

  },
  //重点项目接口
  keyProjectsGet(newPrice) {

    this.setData({
      loading: true,
      hidden: true,
    })
    // console.log(newPrice, 'newPrice');
    let parms = {
      refCodes: ['bookClassification']
    }
    app.MG.store.getProductTypeField(parms).then(res => {

      const checkData = JSON.parse(res[0].config)


      checkData.option.forEach(item => {
        if (newPrice == item.value) {

          this.setData({
            filteredItems: item.child || [] // 如果存在子项则赋值，否则赋值为空数组
          });

          // console.log(this.data.filteredItems);

        }
      })

      this.onLoad();

      this.setData({
        loading: false,
        hidden: false,
      })
    })
  },


 pages/bookExhibitionList/index.skeleton.wxml

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

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionList\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="outsideBigTitleBox">
      <view class="bigTitleBox">
        <view style="width: 100%; height: 44px; "></view>
        <view class="nacigationBar" style="width: 70%; height: 40px;">
          <view>
            <view class="t-icon icon--t-icon  " style="font-size: 30px;">
              <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
            </view>
          </view>
          <view class="example-search">
            <view class=" t-search search--t-search " style="true">
              <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--square search--t-search__input-box--square ">
                <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
                  <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                </view>
                <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="请输入书展名称" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1"
                  selection-start="-1" type="text" value="true"></view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="outsideMenuBox">
        <view class="menuBox">
          <view class="t-dropdown-menu menu--t-dropdown-menu sk-pseudo sk-pseudo-circle" id="854edf0e--t-bar" style="true">
            <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="0">
              <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-11 sk-text">总分类</view>
              <view class="t-icon icon--t-icon menu--undefined menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
                <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
              </view>
            </view>
            <view class="t-dropdown-menu__item menu--t-dropdown-menu__item t-dropdown-menu__item--disabled menu--t-dropdown-menu__item--disabled sk-button" data-index="1">
              <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-671 sk-text"> 重点项目</view>
              <view class="t-icon icon--t-icon menu--undefined menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
                <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
              </view>
            </view>
            <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="2">
              <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-80 sk-text">出版时间正序</view>
              <view class="t-icon icon--t-icon menu--undefined menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
                <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="assembleContent">
      <view class="titleBox">
        <view class="frameBox"></view>
        <view class="titleTextBox">
          <image mode="aspectFit" class="sk-image"></image>
        </view>
      </view>
      <scroll-view class="scrollViewBox" scroll-y="true">
        <view class="outside">
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
            <view class="textBox">
              <text class="sk-transparent sk-text-14-2857-979 sk-text">2023年秋季计算机系列线上书展</text>
            </view>
          </view>
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
            <view class="textBox">
              <text class="sk-transparent sk-text-14-2857-568 sk-text">2024春高等学校中文类精品教材</text>
            </view>
          </view>
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
            <view class="textBox">
              <text class="sk-transparent sk-text-14-2857-931 sk-text">2024春“十四五”职业教育国家规划教材</text>
            </view>
          </view>
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
            <view class="textBox">
              <text class="sk-transparent sk-text-14-2857-724 sk-text">2024春高等学校艺术类精品教材</text>
            </view>
          </view>
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
            <view class="textBox">
              <text class="sk-transparent sk-text-14-2857-915 sk-text">2024春高等学校新闻类精品教材</text>
            </view>
          </view>
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
            <view class="textBox">
              <text class="sk-transparent sk-text-14-2857-211 sk-text">2024春高等学校历史类精品教材</text>
            </view>
          </view>
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
            <view class="textBox">
              <text class="sk-transparent sk-text-14-2857-847 sk-text">2024春高等学校社会学类精品教材</text>
            </view>
          </view>
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
            <view class="textBox">
              <text class="sk-transparent sk-text-14-2857-592 sk-text">2024春高等学校哲学与政治学类精品教材</text>
            </view>
          </view>
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
          </view>
          <view class="contentBox" data-item="[object Object]">
            <view class="imageBox">
              <image mode="aspectFit" class="sk-image"></image>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

 pages/bookExhibitionList/index.skeleton.wxss

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\bookExhibitionList\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-11 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-671 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-80 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-979 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-568 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-931 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-724 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-915 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-211 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-847 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-592 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-button {
    color: #EFEFEF !important;
    background: #EFEFEF !important;
    border: none !important;
    box-shadow: none !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 pages/bookExhibitionList/index.wxml

@@ -1,34 +1,41 @@
<!--pages/bookExhibitionList/index.wxml-->

<!-- 弹出框 禁止 -->
<t-toast id="t-toast" />


<view class="outsideBigTitleBox">
  <view class="bigTitleBox">
    <view style="width: 100%; height: {{barHeight}}px; "></view>
    <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
      <view>
        <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
      </view>
      <view class="example-search">
        <t-search model:value="{{value}}" placeholder="请输入书展名称" bind:submit="onSearchSubmit" />
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />

<view hidden="{{hidden}}">

  <t-toast id="t-toast" />


  <view class="outsideBigTitleBox">
    <view class="bigTitleBox">
      <view style="width: 100%; height: {{barHeight}}px; "></view>
      <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
        <view>
          <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
        </view>
        <view class="example-search">
          <t-search model:value="{{value}}" placeholder="请输入书展名称" bind:submit="onSearchSubmit" />

        </view>

      </view>

    </view>
  </view>
  <view class="outsideMenuBox">
    <view class="menuBox">
      <t-dropdown-menu>
        <t-dropdown-item options="{{product.options}}" value="{{product.value}}" bindchange="onChange" />
        <t-dropdown-item multiple="{{false}}" class="{{keynoteDisabled ? 'disableds' : ' '}}" disabled="{{keynoteDisabled}}" label=" 重点项目" options="{{multipleSelect.options}}" value="{{multipleSelect.value}}" bindchange="handleMultipleSelect" multiple bind:confirm="handleConfirm" bind:reset="handleReset" show-overlay="{{true}}">
        </t-dropdown-item>
    <view class="outsideMenuBox">
      <view class="menuBox">
        <t-dropdown-menu>
          <t-dropdown-item options="{{product.options}}" value="{{product.value}}" bindchange="onChange" />
          <t-dropdown-item multiple="{{false}}" class="{{keynoteDisabled ? 'disableds' : ' '}}" disabled="{{keynoteDisabled}}" label=" 重点项目" options="{{multipleSelect.options}}" value="{{multipleSelect.value}}" bindchange="handleMultipleSelect" multiple bind:confirm="handleConfirm" bind:reset="handleReset" show-overlay="{{true}}">
          </t-dropdown-item>

        <t-dropdown-item options="{{sorter.options}}" default-value="{{sorter.value}}" bindchange="onSort" />
          <t-dropdown-item options="{{sorter.options}}" default-value="{{sorter.value}}" bindchange="onSort" />

      </t-dropdown-menu>
      <!-- <view class="outsideSortBox">
        </t-dropdown-menu>
        <!-- <view class="outsideSortBox">
        <view class="sortBox" bind:tap="onSwapRight">
          <text>排序</text>
          <view class="iconBox">
@@ -37,37 +44,40 @@
          </view>
        </view>
      </view> -->
    </view>
  </view>
</view>



<view class="assembleContent">
  <view class="titleBox">
    <view class="frameBox"></view>
    <view class="titleTextBox">
      <image src="/static/images/bookExhibitionList/zhuantitaolun.png" mode="aspectFit" />
    </view>
  </view>

  <scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
    <view class="outside">
      <view wx:if="{{!bookExhibitionList.length }}" class="noData">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>
      <view class="contentBox" wx:for="{{bookExhibitionList}}" wx:key="index" wx:for-item="item" wx:for-index="index" bindtap="onBookExhibitionDetails" data-item="{{item}}">
        <view class="imageBox">
          <image wx:if="{{item.icon}}" src="{{item.icon}}" mode="aspectFit" />
          <image wx:else src="/static/images/bookExhibitionList/banner.png" mode="aspectFit" />
    </view>
  </view>



  <view class="assembleContent">
    <view class="titleBox">
      <view class="frameBox"></view>
      <view class="titleTextBox">
        <image src="/static/images/bookExhibitionList/zhuantitaolun.png" mode="aspectFit" />
      </view>
    </view>

    <scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
      <view class="outside">
        <view wx:if="{{!bookExhibitionList.length }}" class="noData">
          <t-empty icon="folder-open" description="暂无数据" />
        </view>
        <view class="textBox" title="{{item.subtitleName}}"> <text>{{item.subtitleName}}</text></view>
        <view class="contentBox" wx:for="{{bookExhibitionList}}" wx:key="index" wx:for-item="item" wx:for-index="index" bindtap="onBookExhibitionDetails" data-item="{{item}}">
          <view class="imageBox">
            <image wx:if="{{item.icon}}" src="{{item.icon}}" mode="aspectFit" />
            <image wx:else src="/static/images/bookExhibitionList/banner.png" mode="aspectFit" />
          </view>
          <view class="textBox" title="{{item.subtitleName}}"> <text>{{item.subtitleName}}</text></view>
        </view>
      </view>
    </view>
    <view class="bottom-box" wx:if="{{bookExhibitionList.length }}">
      <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
      <text wx:if="{{isMore == false}}">没有更多了</text>
    </view>
  </scroll-view>
      <view class="bottom-box" wx:if="{{bookExhibitionList.length }}">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </scroll-view>

  </view>


</view>

 pages/bookExhibitionList/index.wxss

@@ -1,4 +1,5 @@
/* pages/bookExhibitionList/index.wxss */
@import "./index.skeleton.wxss";

.nacigationBar {
  background-color: #fff;

 pages/cart/index.js

@@ -11,6 +11,8 @@

Page({
  data: {
    loading: true,
    hidden: true,
    swipeOpened: false,
    onDisabled: false,
    imgUrl: [],
@@ -112,6 +114,10 @@
          onDisabled: false
        })
      }
      this.setData({
        loading: false,
        hidden: false,
      })
    });
    wx.stopPullDownRefresh()


 pages/cart/index.skeleton.wxml

New file
@@ -0,0 +1,295 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午6:07:35
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\index.wxml 引入模板

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <scroll-view class="outsideContentBox" scroll-y="true">
      <view>
        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
          <view id="a82d7c42--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
            <view class="itemWarp">
              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                <view class="t-cell__left cell--t-cell__left ">
                  <view class="left-icon">
                    <view class="contentCheckbox">
                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
                        </view>
                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
                        </view>
                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
                      </view>
                    </view>
                    <view class="left-image" data-item="[object Object]">
                      <image class="imageStyle sk-image" mode="aspectFit"></image>
                    </view>
                  </view>
                </view>
                <view class="t-cell__title cell--t-cell__title ">
                  <view class="t-cell__title-text cell--t-cell__title-text ">
                    <view class="titleBox">
                      <view style="width: 193px;">
                        <view class="boosName">
                          <text class="eBook sk-transparent sk-text-21-0526-982 sk-text" style="background-position-x: 50%;">电子书</text>
                          <text class="sk-transparent sk-text-20-8333-480 sk-text"> 家安心安</text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-cell__description cell--t-cell__description ">
                    <view class="descriptionBox">
                      <view>
                        <view class="textBox sk-transparent sk-text-22-7273-593 sk-text">图书服务-电子书</view>
                      </view>
                      <view class="sk-transparent sk-text-18-1818-465 sk-text">
                        ￥36
                      </view>
                    </view>
                  </view>
                </view>
                <view class="t-cell__right cell--t-cell__right "></view>
              </view>
            </view>
          </view>
        </view>
        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
          <view id="1231b2f4--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
            <view class="itemWarp">
              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                <view class="t-cell__left cell--t-cell__left ">
                  <view class="left-icon">
                    <view class="contentCheckbox">
                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
                        </view>
                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
                        </view>
                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
                      </view>
                    </view>
                    <view class="left-image" data-item="[object Object]">
                      <image class="imageStyle sk-image" mode="aspectFit"></image>
                    </view>
                  </view>
                </view>
                <view class="t-cell__title cell--t-cell__title ">
                  <view class="t-cell__title-text cell--t-cell__title-text ">
                    <view class="titleBox">
                      <view style="width: 193px;">
                        <view class="boosName">
                          <text class="eBook sk-transparent sk-text-21-0526-780 sk-text" style="background-position-x: 50%;">电子书</text>
                          <text class="sk-transparent sk-text-20-8333-331 sk-text"> 感悟汉语</text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-cell__description cell--t-cell__description ">
                    <view class="descriptionBox">
                      <view>
                        <view class="textBox sk-transparent sk-text-22-7273-774 sk-text">图书服务-电子书</view>
                      </view>
                      <view class="sk-transparent sk-text-18-1818-908 sk-text">
                        ￥20
                      </view>
                    </view>
                  </view>
                </view>
                <view class="t-cell__right cell--t-cell__right "></view>
              </view>
            </view>
          </view>
        </view>
        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
          <view id="63cc3b38--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
            <view class="itemWarp">
              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                <view class="t-cell__left cell--t-cell__left ">
                  <view class="left-icon">
                    <view class="contentCheckbox">
                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
                        </view>
                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
                        </view>
                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
                      </view>
                    </view>
                    <view class="left-image" data-item="[object Object]">
                      <image class="imageStyle sk-image" mode="aspectFit"></image>
                    </view>
                  </view>
                </view>
                <view class="t-cell__title cell--t-cell__title ">
                  <view class="t-cell__title-text cell--t-cell__title-text ">
                    <view class="titleBox">
                      <view style="width: 193px;">
                        <view class="boosName">
                          <text class="eBook sk-transparent sk-text-21-0526-86 sk-text" style="background-position-x: 50%;">电子书</text>
                          <text class="sk-transparent sk-text-20-8333-361 sk-text"> 普通心理学学习手册</text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-cell__description cell--t-cell__description ">
                    <view class="descriptionBox">
                      <view>
                        <view class="textBox sk-transparent sk-text-22-7273-969 sk-text">图书服务-电子书</view>
                      </view>
                      <view class="sk-transparent sk-text-18-1818-684 sk-text">
                        ￥21
                      </view>
                    </view>
                  </view>
                </view>
                <view class="t-cell__right cell--t-cell__right "></view>
              </view>
            </view>
          </view>
        </view>
        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
          <view id="eef7d064--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
            <view class="itemWarp">
              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                <view class="t-cell__left cell--t-cell__left ">
                  <view class="left-icon">
                    <view class="contentCheckbox">
                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
                        </view>
                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
                        </view>
                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
                      </view>
                    </view>
                    <view class="left-image" data-item="[object Object]">
                      <image class="imageStyle sk-image" mode="aspectFit"></image>
                    </view>
                  </view>
                </view>
                <view class="t-cell__title cell--t-cell__title ">
                  <view class="t-cell__title-text cell--t-cell__title-text ">
                    <view class="titleBox">
                      <view style="width: 193px;">
                        <view class="boosName">
                          <text class="eBook sk-transparent sk-text-21-0526-575 sk-text" style="background-position-x: 50%;">电子书</text>
                          <text class="sk-transparent sk-text-20-8333-621 sk-text"> 普通心理学(第5版)</text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-cell__description cell--t-cell__description ">
                    <view class="descriptionBox">
                      <view>
                        <view class="textBox sk-transparent sk-text-22-7273-671 sk-text">图书服务-电子书</view>
                      </view>
                      <view class="sk-transparent sk-text-18-1818-66 sk-text">
                        ￥33
                      </view>
                    </view>
                  </view>
                </view>
                <view class="t-cell__right cell--t-cell__right "></view>
              </view>
            </view>
          </view>
        </view>
        <view class="  t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
          <view id="8270549e--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
            <view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
            <view class="itemWarp">
              <view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
                <view class="t-cell__left cell--t-cell__left ">
                  <view class="left-icon">
                    <view class="contentCheckbox">
                      <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block  " style="true" tabindex="0">
                        <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
                          <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
                        </view>
                        <view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
                          <view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
                          <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
                        </view>
                        <view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
                      </view>
                    </view>
                    <view class="left-image" data-item="[object Object]">
                      <image class="imageStyle sk-image" mode="aspectFit"></image>
                    </view>
                  </view>
                </view>
                <view class="t-cell__title cell--t-cell__title ">
                  <view class="t-cell__title-text cell--t-cell__title-text ">
                    <view class="titleBox">
                      <view style="width: 193px;">
                        <view class="boosName">
                          <text class="eBook sk-transparent sk-text-21-0526-929 sk-text" style="background-position-x: 50%;">电子书</text>
                          <text class="sk-transparent sk-text-20-8333-359 sk-text"> 大学生心理健康（慕课版）</text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="t-cell__description cell--t-cell__description ">
                    <view class="descriptionBox">
                      <view>
                        <view class="textBox sk-transparent sk-text-22-7273-459 sk-text">图书服务-电子书</view>
                      </view>
                    </view>
                  </view>
                </view>
                <view class="t-cell__right cell--t-cell__right "></view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>
    <view class="bottomBox">
      <view class="checkGroupBox">
        <checkbox-group>
          <checkbox value="全选" color="#EFEFEF" class="sk-transparent sk-text-14-2857-130 sk-text">全选</checkbox>
        </checkbox-group>
      </view>
      <view class="settlementBox">
        <view class="totalPrice sk-transparent">总价:
          <text class="totalPriceText sk-transparent sk-text-14-2857-173 sk-text">￥0</text>
        </view>
        <view class="buttonBox">
          <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true"
            style="true" class="tButtonBox t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--round button--t-button--round t-button--size-small button--t-button--size-small sk-button sk-pseudo sk-pseudo-circle">
            <view class="t-button__content button--t-button__content sk-transparent sk-text-28-1250-493 sk-text" style="background-position-x: 50%;">去结算(0)</view>
          </button>
        </view>
      </view>
    </view>
  </view>
</template>

 pages/cart/index.skeleton.wxss

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-21-0526-982 {
    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
    background-size: 100% 38.0000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-20-8333-480 {
    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-22-7273-593 {
    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-465 {
    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-21-0526-780 {
    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
    background-size: 100% 38.0000rpx;
    position: relative !important;
  }
.sk-text-20-8333-331 {
    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-22-7273-774 {
    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-908 {
    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-21-0526-86 {
    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
    background-size: 100% 38.0000rpx;
    position: relative !important;
  }
.sk-text-20-8333-361 {
    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-22-7273-969 {
    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-684 {
    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-21-0526-575 {
    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
    background-size: 100% 38.0000rpx;
    position: relative !important;
  }
.sk-text-20-8333-621 {
    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-22-7273-671 {
    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-18-1818-66 {
    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-21-0526-929 {
    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
    background-size: 100% 38.0000rpx;
    position: relative !important;
  }
.sk-text-20-8333-359 {
    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
    background-size: 100% 48.0000rpx;
    position: relative !important;
  }
.sk-text-22-7273-459 {
    background-image: linear-gradient(transparent 22.7273%, #EEEEEE 0%, #EEEEEE 77.2727%, transparent 0%) !important;
    background-size: 100% 44.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-130 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-173 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }
.sk-text-28-1250-493 {
    background-image: linear-gradient(transparent 28.1250%, #EEEEEE 0%, #EEEEEE 71.8750%, transparent 0%) !important;
    background-size: 100% 64.0000rpx;
    position: relative !important;
  }
.sk-button {
    color: #EFEFEF !important;
    background: #EFEFEF !important;
    border: none !important;
    box-shadow: none !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 pages/cart/index.wxml

@@ -1,76 +1,79 @@
<scroll-view scroll-y="{{true}}" class="outsideContentBox" bindscrolltolower="onScrollToLower">
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />

  <view>
<!-- loading
hidden -->
<view hidden="{{hidden}}">
  <scroll-view scroll-y="{{true}}" class="outsideContentBox" bindscrolltolower="onScrollToLower">

    <!-- <checkbox-group bindchange="HandelItemChange"> -->
    <view wx:if="{{shoppingCartData.length <= 0}}" class="noDataBox">
      <t-empty icon="folder-open" description="暂无数据" font-size="80" />
    </view>
    <!-- <button bind:tap="onLogin"> 去登录</button> -->
    <t-swipe-cell wx:for="{{shoppingCartData}}" wx:key="index" wx:for-item="item" wx:for-index="index" opened="{{swipeOpened}}">
    <view>

      <view class="itemWarp">
        <t-cell bordered="{{false}}">
          <view slot="title" class="titleBox">

            <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">

              <view class="boosName">
                <text class="eBook">电子书</text>
                <text> {{item.name}}</text>
              </view>
            </view>
            <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">

              <view class="boosName">
                <text class="cloudLearning">云学习</text>
                <text> {{item.name}}</text>
              </view>
            </view>
          </view>
          <view slot="description" class="descriptionBox">
            <view>
              <view class="textBox" wx:if="{{item.type == 'product'}}">图书服务-电子书</view>
              <view class="textBox" wx:if="{{item.type == 'item'}}">图书服务-云学习</view>
            </view>
            <view wx:if="{{item.saleMethod.price != 0}}">
              ￥{{item.saleMethod.price}}
            </view>
            <view wx:else class="descriptionBox"> 立即领取</view>
          </view>
          <view slot="left-icon" class="left-icon">
            <view class="contentCheckbox">
              <t-checkbox icon="rectangle" value=" {{item.id}}" data-item="{{item}}" checked="{{item.checked}}" bindchange="HandelItemChange" />
            </view>
            <view class="left-image" data-item="{{item}}" bind:tap="onBook">
              <image wx:if="{{item.imgUrl}}" src="{{item.imgUrl}}" class="imageStyle" mode="aspectFit" />
              <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
            </view>
          </view>
        </t-cell>
      <!-- <checkbox-group bindchange="HandelItemChange"> -->
      <view wx:if="{{shoppingCartData.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" font-size="80" />
      </view>
      <view slot="right" class="btn delete-btn" bind:tap="onDelete" data-item="{{item}}">删除</view>
    </t-swipe-cell>
    <view wx:if="{{shoppingCartData.length > 0}}" class="bottom-box">
      <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
      <text wx:if="{{isMore == false}}">没有更多了</text>
      <!-- <button bind:tap="onLogin"> 去登录</button> -->
      <t-swipe-cell wx:for="{{shoppingCartData}}" wx:key="index" wx:for-item="item" wx:for-index="index" opened="{{swipeOpened}}">
        <view class="itemWarp">
          <t-cell bordered="{{false}}">
            <view slot="title" class="titleBox">
              <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">
                <view class="boosName">
                  <text class="eBook">电子书</text>
                  <text> {{item.name}}</text>
                </view>
              </view>
              <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
                <view class="boosName">
                  <text class="cloudLearning">云学习</text>
                  <text> {{item.name}}</text>
                </view>
              </view>
            </view>
            <view slot="description" class="descriptionBox">
              <view>
                <view class="textBox" wx:if="{{item.type == 'product'}}">图书服务-电子书</view>
                <view class="textBox" wx:if="{{item.type == 'item'}}">图书服务-云学习</view>
              </view>
              <view wx:if="{{item.saleMethod.price != 0}}">
                ￥{{item.saleMethod.price}}
              </view>
              <view wx:else class="descriptionBox"> 立即领取</view>
            </view>
            <view slot="left-icon" class="left-icon">
              <view class="contentCheckbox">
                <t-checkbox icon="rectangle" value=" {{item.id}}" data-item="{{item}}" checked="{{item.checked}}" bindchange="HandelItemChange" />
              </view>
              <view class="left-image" data-item="{{item}}" bind:tap="onBook">
                <image wx:if="{{item.imgUrl}}" src="{{item.imgUrl}}" class="imageStyle" mode="aspectFit" />
                <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
              </view>
            </view>
          </t-cell>
        </view>
        <view slot="right" class="btn delete-btn" bind:tap="onDelete" data-item="{{item}}">删除</view>
      </t-swipe-cell>
      <view wx:if="{{shoppingCartData.length > 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </view>
  </view>



  <t-toast id="t-toast" />
</scroll-view>
<view class="bottomBox">
  <view class="checkGroupBox">
    <checkbox-group bindchange="bottomChange">
      <checkbox disabled="{{onDisabled}}" value="全选" checked="{{checkAll}}">全选</checkbox>
    </checkbox-group>
  </view>
  <view class="settlementBox">
    <view class="totalPrice">总价:<text class="totalPriceText">￥{{totalPrice}}</text></view>
    <view class="buttonBox">
      <t-button class="tButtonBox" size="small" shape="round" bind:tap="goPaymentPage">去结算({{selectedCount}})</t-button>
    <t-toast id="t-toast" />
  </scroll-view>
  <view class="bottomBox">
    <view class="checkGroupBox">
      <checkbox-group bindchange="bottomChange">
        <checkbox disabled="{{onDisabled}}" value="全选" checked="{{checkAll}}">全选</checkbox>
      </checkbox-group>
    </view>
    <view class="settlementBox">
      <view class="totalPrice">总价:<text class="totalPriceText">￥{{totalPrice}}</text></view>
      <view class="buttonBox">
        <t-button class="tButtonBox" size="small" shape="round" bind:tap="goPaymentPage">去结算({{selectedCount}})</t-button>
      </view>
    </view>
  </view>
</view>

 pages/cart/index.wxss

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

.btn-wrapper {
  height: 100%;
}

 pages/cart/paymentPage/index.js

@@ -11,6 +11,8 @@
   * 页面的初始数据
   */
  data: {
    loading: true,
    hidden: true,
    myOrderOrderNumber: [],
    orderNumber: null,
    navBarHeight: '',
@@ -131,7 +133,10 @@
      this.setData({
        productList: res.saleMethodLinks,
        // type: item.orderSaleMethod.type == 'createProductItemSaleMethod' ? 'item' : 'product'
        loading: false,
        hidden: false,
      })

    })
  },
  getDataList() {

 pages/cart/paymentPage/index.skeleton.wxml

New file
@@ -0,0 +1,77 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午6:11:32
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\paymentPage\index.wxml 引入模板

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\paymentPage\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="titleBox">
      <view style="width: 100%; height: 44px; "></view>
      <view class="nacigationBar" style="width: 70%; height: 40px;">
        <view>
          <view class="t-icon icon--t-icon  " style="font-size: 30px;">
            <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
          </view>
        </view>
        <view class="navbar-title sk-transparent sk-text-14-2857-250 sk-text">提交订单</view>
      </view>
    </view>
    <view class="paymentPageBox">
      <view class="content">
        <view class="shoppingCartList">
          <view class="cartList">
            <view class="imageBox">
              <image mode="aspectFill" class="sk-image"></image>
            </view>
            <view class="cartListContent">
              <view class="cartListDetails">
                <view style="width: 193px;">
                  <view class="boosName">
                    <text class="eBook sk-transparent sk-text-21-0526-345 sk-text" style="background-position-x: 50%;">电子书</text>
                    <text class="sk-transparent sk-text-14-2857-176 sk-text"> 普通心理学(第5版)</text>
                  </view>
                </view>
              </view>
              <view class="textBox sk-transparent sk-text-14-2857-709 sk-text">图书服务-电子书</view>
              <view class="priceBox sk-transparent sk-text-14-2857-364 sk-text">￥33</view>
            </view>
          </view>
        </view>
        <view class="priceBreakdown">
          <view class="priceBreakdownContent sk-transparent sk-text-14-2857-646 sk-text">价格明细</view>
          <view class="amountMoney">
            <view class="commodityBox sk-transparent sk-text-14-2857-593 sk-text">商品金额</view>
            <view class="payPriceBox sk-transparent sk-text-14-2857-701 sk-text">￥33.00</view>
          </view>
          <view class="amount">
            <view class="sk-transparent">
              <text class="sk-transparent sk-text-14-2857-600 sk-text">合计： </text> ￥33.00</view>
          </view>
        </view>
      </view>
      <view class="paymentBox">
        <view class="residue sk-transparent">待支付：
          <text class="residueTextBox sk-transparent sk-text-14-2857-29 sk-text">￥33.00</text>
        </view>
        <view>
          <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true"
            style="true" class="buttonBox t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--round button--t-button--round t-button--size-medium button--t-button--size-medium sk-button sk-pseudo sk-pseudo-circle">
            <view class="t-button__content button--t-button__content sk-transparent sk-text-30-0000-74 sk-text" style="background-position-x: 50%;">微信支付</view>
          </button>
        </view>
      </view>
    </view>
  </view>
</template>

 pages/cart/paymentPage/index.skeleton.wxss

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\paymentPage\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-250 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-21-0526-345 {
    background-image: linear-gradient(transparent 21.0526%, #EEEEEE 0%, #EEEEEE 78.9474%, transparent 0%) !important;
    background-size: 100% 38.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-176 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-709 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-364 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-646 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-593 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 36.4000rpx;
    position: relative !important;
  }
.sk-text-14-2857-701 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-600 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-29 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 53.2000rpx;
    position: relative !important;
  }
.sk-text-30-0000-74 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 80.0000rpx;
    position: relative !important;
  }
.sk-button {
    color: #EFEFEF !important;
    background: #EFEFEF !important;
    border: none !important;
    box-shadow: none !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 pages/cart/paymentPage/index.wxml

@@ -1,91 +1,97 @@
<!-- 头部 -->
<view class="titleBox">
  <view style="width: 100%; height: {{barHeight}}px; "></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />

<view hidden="{{hidden}}">

  <view class="titleBox">
    <view style="width: 100%; height: {{barHeight}}px; "></view>
    <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
      <view>
        <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
      </view>
      <view class="navbar-title">提交订单</view>
    </view>
    <view class="navbar-title">提交订单</view>
  </view>
</view>

<view class="paymentPageBox">
  <view class="content">
  <view class="paymentPageBox">
    <view class="content">

    <view class="shoppingCartList">
      <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
        <view class="imageBox">
          <image wx:if="{{item.paymentIcon}}" src="{{item.paymentIcon }}" mode="aspectFill" />
          <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
        </view>
        <view class="cartListContent">
          <view class="cartListDetails">
            <!-- <view class="labelBox">
      <view class="shoppingCartList">
        <view class="cartList" wx:for="{{productList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
          <view class="imageBox">
            <image wx:if="{{item.paymentIcon}}" src="{{item.paymentIcon }}" mode="aspectFill" />
            <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
          </view>
          <view class="cartListContent">
            <view class="cartListDetails">
              <!-- <view class="labelBox">
              <view class="eBook" wx:if="{{item.type == 'product'}}">电子书</view>
              <view wx:if="{{item.type == 'item'}}" class="cloudLearning">云学习</view>
            </view> -->


            <!-- <view class="boosName">
              <!-- <view class="boosName">
              {{item.orderSaleMethod.product.name}}
            </view> -->

            <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">
              <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">

              <!-- <view>
                <!-- <view>
                <text class="eBook">电子书</text> <text class="boosName">{{item.orderSaleMethod.product.name}}</text>
              </view> -->

              <view class="boosName">
                <text class="eBook">电子书</text>
                <text> {{item.orderSaleMethod.product.name}}</text>
                <view class="boosName">
                  <text class="eBook">电子书</text>
                  <text> {{item.orderSaleMethod.product.name}}</text>
                </view>

              </view>

            </view>


            <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
              <!-- 
              <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
                <!-- 
              <view>
                <text class="cloudLearning">云学习</text> <text class="boosName">{{item.orderSaleMethod.product.name}}</text>
              </view> -->
              <view class="boosName">
                <text class="cloudLearning">云学习</text>
                <text> {{item.orderSaleMethod.product.name}}</text>
                <view class="boosName">
                  <text class="cloudLearning">云学习</text>
                  <text> {{item.orderSaleMethod.product.name}}</text>
                </view>
              </view>






            </view>






            <view class="textBox" wx:if="{{item.type == 'product'}}">图书服务-电子书</view>
            <view class="textBox" wx:if="{{item.type == 'item'}}">图书服务-云学习</view>
            <view class="priceBox">￥{{item.payPrice}}</view>
          </view>
          <view class="textBox" wx:if="{{item.type == 'product'}}">图书服务-电子书</view>
          <view class="textBox" wx:if="{{item.type == 'item'}}">图书服务-云学习</view>
          <view class="priceBox">￥{{item.payPrice}}</view>
        </view>
      </view>
    </view>
    <view class="priceBreakdown">
      <view class="priceBreakdownContent">价格明细</view>
      <view class="amountMoney">
        <view class="commodityBox">商品金额</view>
        <view class="payPriceBox">￥{{payPrice}}</view>
      <view class="priceBreakdown">
        <view class="priceBreakdownContent">价格明细</view>
        <view class="amountMoney">
          <view class="commodityBox">商品金额</view>
          <view class="payPriceBox">￥{{payPrice}}</view>
        </view>
        <view class="amount">
          <view> <text>合计： </text> ￥{{payPrice}}</view>
        </view>
      </view>
      <view class="amount">
        <view> <text>合计： </text> ￥{{payPrice}}</view>

    </view>
    <!-- <view class="interval"></view> -->
    <view class="paymentBox">
      <view class="residue">待支付：<text class="residueTextBox">￥{{payPrice}}</text></view>
      <view>
        <t-button class="buttonBox" shape="round" catch:tap="confirmOrderGet">微信支付</t-button>
      </view>
    </view>

  </view>
  <!-- <view class="interval"></view> -->
  <view class="paymentBox">
    <view class="residue">待支付：<text class="residueTextBox">￥{{payPrice}}</text></view>
    <view>
      <t-button class="buttonBox" shape="round" catch:tap="confirmOrderGet">微信支付</t-button>
    </view>
  </view>
</view>

<t-toast id="t-toast" />
  <t-toast id="t-toast" />
</view>

 pages/cart/paymentPage/index.wxss

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

.nacigationBar {
  background-color: #fff;
  display: flex;

 pages/retrievalPage/index.js

@@ -11,6 +11,8 @@
   * 页面的初始数据
   */
  data: {
    loading: true,
    hidden: true,
    input: '',
    dialogKey: '',
    showWithInput: false,
@@ -492,7 +494,10 @@
        biblioClassificationTotal: data5.totalCount
      })


      this.setData({
        loading: false,
        hidden: false,
      })


    })

 pages/retrievalPage/index.skeleton.wxml

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

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\retrievalPage\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="outsideRetrievalPageBox">
      <view class="retrievalPageBox">
        <view style="width: 100%; height: 44px; "></view>
        <view class="nacigationBar" style="width: 70%; height: 40px;">
          <view>
            <view class="t-icon icon--t-icon  " style="font-size: 30px;">
              <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
            </view>
          </view>
          <view class="navbar-title sk-transparent sk-text-14-2857-853 sk-text">检索结果</view>
        </view>
        <view class="example-search">
          <view class="searchBox t-search search--t-search " style="true">
            <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--square search--t-search__input-box--square ">
              <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
                <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
              </view>
              <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="请输入关键词/书名/ISBN/作者" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view>
            </view>
          </view>
          <view class="cancellation sk-transparent sk-text-14-2857-315 sk-text">取消</view>
        </view>
      </view>
      <view class="tabsBox">
        <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
          <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
            <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
              <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
                <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
                  <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active  " data-index="0">
                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-516 sk-text">图书(77)</view>
                    </view>
                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-430 sk-text">课程(7)</view>
                    </view>
                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2">
                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-372 sk-text">数字教材(6)</view>
                    </view>
                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="3">
                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-601 sk-text">专题(4)</view>
                    </view>
                    <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="4">
                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-962 sk-text">书目(30)</view>
                    </view>
                    <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(31.7734375px); transform: translateX(31.7734375px);"></view>
                  </view>
                </scroll-view>
              </view>
            </view>
          </view>
          <view class="t-tabs__content tabs--t-tabs__content">
            <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
              <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="878e94e9--t_tabs_0_panel_0">
                <scroll-view class="scrollViewBox" scroll-y="true">
                  <view class="bookDataBox">
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-709 sk-text">
                        大学生心理健康教育与训练
                      </view>
                      <view class="bookDataAuthor"></view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-220 sk-text">
                        《多水平模型应用》
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-676 sk-text">郭伯良 著</view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-530 sk-text">
                        《结构方程模型应用》
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-79 sk-text">刘源，刘红云 著</view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-308 sk-text">
                        现代心理与教育统计学(第5版）
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-924 sk-text">张厚粲徐建平</view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-562 sk-text">
                        当代教育心理学（第3版）
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-811 sk-text">陈琦刘儒德</view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-439 sk-text">
                        普通心理学学习手册
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-80 sk-text">彭聃龄</view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                    </view>
                  </view>
                </scroll-view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

 pages/retrievalPage/index.skeleton.wxss

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

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\retrievalPage\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-853 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-315 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-516 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-430 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-372 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-601 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-962 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-709 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-220 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-676 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-530 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-79 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-308 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-924 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-562 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-811 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-439 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-80 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 pages/retrievalPage/index.wxml

@@ -1,4 +1,8 @@
<view class="outsideRetrievalPageBox">
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />


<view class="outsideRetrievalPageBox" hidden="{{hidden}}">

  <view class="retrievalPageBox">
    <view style="width: 100%; height: {{barHeight}}px; "></view>
@@ -31,7 +35,8 @@
          <view class="bookDataBox">
            <view class="bookDataForBox" wx:for="{{bookData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onBook">
              <view class="imageBox">
                <image src="{{item.icon}}" mode="aspectFit" />
                <image wx:if="{{item.icon}}" src="{{item.icon}}" mode="aspectFit" />
                <image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="" />
              </view>
              <view class="bookDataNmae">
                {{item.name}}

 pages/retrievalPage/index.wxss

@@ -1,4 +1,5 @@
/* pages/retrievalPage/index.wxss */
@import "./index.skeleton.wxss";

.nacigationBar {
  background-color: #fff;