音频bug2

yiming

2024-04-15 b650bb198f03f6974708f27de72dc903af596391

音频bug2

 packageDomain/pages/resourceDetails/myAudio/index.js

@@ -233,7 +233,6 @@
    wx.navigateBack();
  },
  resourceDetailsData() {
    let datas = ''
    let query = {
      path: '*',
      queryType: '*',
@@ -241,7 +240,6 @@
      cmsPath: this.data.parentProductLinkPath,
      itemFields: {
        SysType: 'CmsFolder',
        // 资源类型，试读文件，是否允许下载等参数
        selectType: [],
        freeFile: [],
        file: [],
@@ -258,48 +256,45 @@
        size: 999
      }
    }

    app.MG.store.getProductDetail(query).then(res => {
      let selectedId = -1; // 初始化选中项索引
      let showDataUrl = '';
      let titleName = '';

      res.datas.cmsDatas[0].datas.forEach((item, index) => {
        if (item.selectType === "audio" || item.learnSelectType === "audio") {
          this.data.threeLeveData.push(item)
          this.setData({
            threeLeveData: this.data.threeLeveData
          })

          this.data.threeLeveData.push(item);
        }
        this.data.threeLeveData.forEach((items, index) => { // 修改此处添加index参数
          if (this.data.productLinkPath == items.productLinkPath) {
            datas = items
            let selectedIndex = index; // 存储选中项的索引
            this.setData({
              selectedId: selectedIndex // 设置选中项的索引
            });
          }

        });
        if (this.data.productLinkPath == item.productLinkPath) {
          selectedId = index;
        }
      });

      if (selectedId !== -1) {
        let datas = this.data.threeLeveData[selectedId];
        if (this.data.formPath == 'jsek_cloudLearning') {
          // 这里处理云学习的
          this.setData({
            showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + datas.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey),
            titleName: datas.name
          })
          this.pubulicPlayFun()
          showDataUrl = app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + datas.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey);
        } else {
          this.setData({
            showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + datas.file,
            titleName: datas.name
          })
          this.pubulicPlayFun()
          showDataUrl = app.config.requestCtx + '/file/api/ApiDownload?md5=' + datas.file;
        }
        titleName = datas.name;
      }

      })
      this.data.threeLeveData.forEach((item) => {})
      this.setData({
        threeLeveData: this.data.threeLeveData,
        selectedId: selectedId,
        showData: showDataUrl,
        titleName: titleName,
        loading: false,
        hidden: false
      })
    })
      });
      this.pubulicPlayFun();

    });
  },

  onVideo(e) {
    this.setData({
      myAudioCurrent: '00:00',
@@ -452,7 +447,7 @@
      this.setData({
        "pageCount.total": res.totalSize,
        noteList: res.datas,
        loading: false
        // loading: false
      })
      // console.log('笔记列表', res.datas);
    })

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

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

@@ -17,204 +17,104 @@
-->
<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>
      <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>
          <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 class="navbar-title sk-transparent sk-text-14-2857-363 sk-text">资源详情-音频</view>
      </view>
      <view class="audioPlayerBox">
        <view class="audioBackground sk-image" style="background-image: url('https://jsek.bnuic.com/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>
          </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>
            <slider active-color="#EFEFEF" block-size="16" class="mp-slider-bar" style="width: 150px" value="0.6954875831707253" background-color="#EFEFEF" block-color="#EFEFEF"></slider>
            <view class="current-time color sk-transparent sk-text-14-2857-125 sk-text">00:07 </view>
            <view class="color sk-transparent sk-opacity" style="margin: 0 5px">/</view>
            <view class="duration-time color sk-transparent sk-text-14-2857-304 sk-text"> 16:52 </view>
            <view class="publicBtn color">
              <view class="publicText">
                <view class="sk-transparent sk-text-14-2857-567 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 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>
      </view>
      <view class="titleBox sk-transparent sk-text-14-2857-104 sk-text">Unit 03</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-182 sk-text">资源列表</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 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-23 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>
                  <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>
                </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="10f1cb9e--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-349 sk-text"> Supplementary Listening </view>
                            <view class="t-cell__description cell--t-cell__description "></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 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>
                  </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 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: #000" class="sk-transparent sk-text-16-6667-405 sk-text">Unit 01</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 class="detailsName" data-index="1" data-item="[object Object]">
                            <view style="color: #000" class="sk-transparent sk-text-16-6667-432 sk-text">Unit 02</view>
                          </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 class="detailsName" data-index="2" data-item="[object Object]">
                            <view style="color: #ff6c00" class="sk-transparent sk-text-16-6667-228 sk-text">Unit 03</view>
                          </view>
                          <view class="detailsName" data-index="3" data-item="[object Object]">
                            <view style="color: #000" class="sk-transparent sk-text-16-6667-923 sk-text">Unit 04</view>
                          </view>
                          <view class="detailsName" data-index="4" data-item="[object Object]">
                            <view style="color: #000" class="sk-transparent sk-text-16-6667-519 sk-text">Unit 05</view>
                          </view>
                          <view class="detailsName" data-index="5" data-item="[object Object]">
                            <view style="color: #000" class="sk-transparent sk-text-16-6667-396 sk-text">Unit 06</view>
                          </view>
                          <view class="detailsName" data-index="6" data-item="[object Object]">
                            <view style="color: #000" class="sk-transparent sk-text-16-6667-823 sk-text">Unit 07</view>
                          </view>
                        </view>
                      </view>
@@ -225,11 +125,12 @@
            </view>
          </view>
        </view>
      </view>
      <view class="takeNotes" data-key="showCloseBtn">
        <view class="takeNotesLining sk-transparent">
          <image mode="true" class="sk-image"></image> 记笔记
        <view class="takeNotes" data-key="showCloseBtn">
          <view class="takeNotesLining sk-transparent">
            <image mode="true" class="sk-image"></image> 记笔记
          </view>
        </view>
        <view class="buttonBox"></view>
      </view>
    </view>
  </view>

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

@@ -1,5 +1,5 @@
/*
此文件为开发者工具生成，生成时间: 2024/4/11下午6:21:15
此文件为开发者工具生成，生成时间: 2024/4/15上午10:00:45

在 D:\course_of_growth\jsekXcx\jsek-applet\packageDomain\pages\resourceDetails\myAudio\index.wxss 中引入样式
```
@@ -11,7 +11,7 @@
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-758 {
.sk-text-14-2857-363 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 56.0000rpx;
    position: relative !important;
@@ -23,7 +23,7 @@
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-605 {
.sk-text-14-2857-125 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
@@ -31,92 +31,67 @@
.sk-opacity {
    opacity: 0 !important;
  }
.sk-text-14-2857-466 {
.sk-text-14-2857-304 {
    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 {
.sk-text-14-2857-567 {
    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 {
.sk-text-14-2857-104 {
    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 {
.sk-text-14-2857-182 {
    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 {
.sk-text-14-2857-23 {
    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 {
.sk-text-16-6667-349 {
    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 {
.sk-text-16-6667-405 {
    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 {
.sk-text-16-6667-432 {
    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 {
.sk-text-16-6667-228 {
    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 {
.sk-text-16-6667-923 {
    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 {
.sk-text-16-6667-519 {
    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 {
.sk-text-16-6667-396 {
    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 {
.sk-text-16-6667-823 {
    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
    background-size: 100% 42.0000rpx;
    position: relative !important;

 packageDomain/pages/resourceDetails/myAudio/index.wxml

@@ -2,6 +2,9 @@
<template is="skeleton" wx:if="{{loading}}" />





<view wx:if="{{!hidden}}">
  <view style="width: 100%; height: {{barHeight}}px; "></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">

 packageDomain/pages/resourceDetails/myAudio/index.wxss

@@ -121,7 +121,7 @@
.detailsName {
  margin: 30rpx;
  width: 90%;
  height: 60rpx;
  min-height: 60rpx;
  display: flex;
  align-items: center;
  padding-left: 20rpx;

 packageDomain/pages/resourceDetails/myVideo/index.wxss

@@ -158,7 +158,7 @@
.detailsName {
  margin: 30rpx;
  width: 90%;
  height: 60rpx;
  min-height: 60rpx;
  display: flex;
  align-items: center;