<!--
|
此文件为开发者工具生成，生成时间: 2024/6/17下午5:53:38
|
使用方法：
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalCourses\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalCourses\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-search t-search search--t-search " style="width: 232px;">
|
<view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--round search--t-search__input-box--round ">
|
<view class="t-icon icon--t-icon search--t-icon " style="font-size: 24px;">
|
<label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view class="t-input__keyword search--t-input__keyword sk-image" 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>
|
<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 sk-image" data-index="0">
|
<view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-192 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-674 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="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-954 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="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-496 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="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-411 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(36px); transform: translateX(36px); "></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="display:flex;justify-content:center;align-items:center;" id="1b3dd67c--t_tabs_3_panel_0">
|
<view class="contentBox">
|
<view class="titleBox">
|
<view class="frameBox"></view>
|
<view class="titleTextBox">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
</view>
|
<scroll-view class="outsideContentBox" scroll-y="true">
|
<view class="ExternalInformationBox">
|
<view class="informationBox" data-item="[object Object]">
|
<view class="book-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="book-name sk-transparent sk-text-14-2857-331 sk-text">
|
数学（基础模块 上册）精品课程
|
</view>
|
<view class="viewCount sk-transparent sk-text-14-2857-174 sk-text">
|
1次点击
|
|
</view>
|
<view class="author">
|
<view class="sk-transparent sk-text-14-2857-935 sk-text">
|
曹一鸣
|
</view>
|
<view class="sk-transparent sk-text-14-2857-476 sk-text">
|
10课时
|
</view>
|
</view>
|
<view class="money">
|
<view class="sk-transparent sk-text-14-2857-769 sk-text">￥60.00</view>
|
<view>
|
<view class="t-icon icon--t-icon " style="font-size: 16px;">
|
<label class="t-icon-cart icon--t-icon-cart t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="informationBox" data-item="[object Object]">
|
<view class="book-img">
|
<image mode="aspectFit" class="sk-image"></image>
|
</view>
|
<view class="book-name sk-transparent sk-text-14-2857-556 sk-text">
|
出版实务精品课程
|
</view>
|
<view class="viewCount sk-transparent sk-text-14-2857-892 sk-text">
|
4次点击
|
|
</view>
|
<view class="author">
|
<view class="sk-transparent sk-text-14-2857-800 sk-text">
|
李红
|
</view>
|
<view class="sk-transparent sk-text-14-2857-562 sk-text">
|
10课时
|
</view>
|
</view>
|
<view class="money">
|
<view class="sk-transparent sk-text-14-2857-236 sk-text">￥50.00</view>
|
<view>
|
<view class="t-icon icon--t-icon " style="font-size: 16px;">
|
<label class="t-icon-cart icon--t-icon-cart t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="e84f38b3--t_tabs_3_panel_1">
|
<view class="contentBox"></view>
|
</view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="a7f4c2f8--t_tabs_3_panel_2">
|
<view class="contentBox"></view>
|
</view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="e3fcee66--t_tabs_3_panel_3">
|
<view class="contentBox"></view>
|
</view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="86412347--t_tabs_3_panel_4">
|
<view class="contentBox"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
