From b650bb198f03f6974708f27de72dc903af596391 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期一, 15 四月 2024 11:07:24 +0800 Subject: [PATCH] 音频bug2 --- packageDomain/pages/resourceDetails/myAudio/index.js | 59 +++---- packageDomain/pages/resourceDetails/myVideo/index.wxss | 2 packageDomain/pages/resourceDetails/myAudio/index.wxss | 2 packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxml | 275 ++++++++++++-------------------------- packageDomain/pages/resourceDetails/myAudio/index.wxml | 3 packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxss | 57 ++----- 6 files changed, 136 insertions(+), 262 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.js b/packageDomain/pages/resourceDetails/myAudio/index.js index 15b1a9c..8bb7be9 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.js +++ b/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); }) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxml b/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxml index 49965a6..8720124 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxml +++ b/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> diff --git a/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxss b/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxss index 2a30910..6a2a63d 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.skeleton.wxss +++ b/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; diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxml b/packageDomain/pages/resourceDetails/myAudio/index.wxml index 30884ce..e981640 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.wxml +++ b/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;"> diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxss b/packageDomain/pages/resourceDetails/myAudio/index.wxss index 0088f1e..1ad09d2 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.wxss +++ b/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; diff --git a/packageDomain/pages/resourceDetails/myVideo/index.wxss b/packageDomain/pages/resourceDetails/myVideo/index.wxss index 5240778..e0d274d 100644 --- a/packageDomain/pages/resourceDetails/myVideo/index.wxss +++ b/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; -- Gitblit v1.9.1