<!--
|
此文件为开发者工具生成，生成时间: 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>
|
