<!--
|
此文件为开发者工具生成，生成时间: 2024/6/13下午6:52:18
|
使用方法：
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalTextbooks\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalTextbooks\index.wxss 中引入样式
|
```
|
@import "./index.skeleton.wxss";
|
```
|
|
更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
|
-->
|
<template name="skeleton">
|
<view class="sk-container">
|
<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>
|
</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">
|
<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 " 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 sk-transparent sk-text-14-2857-123 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 t-tabs__item--active tabs--t-tabs__item--active sk-image" 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 t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-734 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-81 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-97 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(132.625px); transform: translateX(132.625px); "></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">
|
<view class=" t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="e3db7670--t_tabs_6_panel_0">
|
<view class="contentBox">
|
<view class="titleBox">
|
<view class="frameBox"></view>
|
<view class="titleTextBox">
|
<view class="sk-transparent sk-text-14-2857-231 sk-text">数字课程列表</view>
|
</view>
|
</view>
|
<scroll-view class="outsideContentBox" scroll-y="true">
|
<view class="bookContentBox">
|
<view class="external" data-item="[object Object]">
|
<view class="amountClick">
|
<view class="t-icon icon--t-icon " style="font-size: 15px;">
|
<label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-478 sk-text">99</view>
|
</view>
|
<view class="imageBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="bookName sk-transparent sk-text-14-2857-357 sk-text">体育与健康（第3版）</view>
|
<view class="information">
|
<view class="sk-transparent sk-opacity">-</view>
|
<view class="price sk-transparent sk-text-14-2857-965 sk-text">￥38.8</view>
|
</view>
|
</view>
|
<view class="external" data-item="[object Object]">
|
<view class="amountClick">
|
<view class="t-icon icon--t-icon " style="font-size: 15px;">
|
<label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-737 sk-text">79</view>
|
</view>
|
<view class="imageBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="bookName sk-transparent sk-text-14-2857-179 sk-text">婴幼儿生活照护</view>
|
<view class="information">
|
<view class="book-author sk-transparent sk-text-14-2857-50 sk-text">
|
赵青
|
</view>
|
<view class="price sk-transparent sk-text-14-2857-214 sk-text"> 免费</view>
|
</view>
|
</view>
|
<view class="external" data-item="[object Object]">
|
<view class="amountClick">
|
<view class="t-icon icon--t-icon " style="font-size: 15px;">
|
<label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-554 sk-text">318</view>
|
</view>
|
<view class="imageBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="bookName sk-transparent sk-text-14-2857-125 sk-text">新标准通用职场英语基础模块一</view>
|
<view class="information">
|
<view class="book-author sk-transparent sk-text-14-2857-548 sk-text">
|
王朝晖总主编
|
</view>
|
<view class="price sk-transparent sk-text-14-2857-207 sk-text">￥0.01</view>
|
</view>
|
</view>
|
<view class="external" data-item="[object Object]">
|
<view class="amountClick">
|
<view class="t-icon icon--t-icon " style="font-size: 15px;">
|
<label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-759 sk-text">436</view>
|
</view>
|
<view class="imageBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="bookName sk-transparent sk-text-14-2857-310 sk-text">学前儿童卫生与保健</view>
|
<view class="information">
|
<view class="book-author sk-transparent sk-text-14-2857-640 sk-text">
|
张兰香 潘秀萍
|
</view>
|
<view class="price sk-transparent sk-text-14-2857-855 sk-text"> 免费</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
<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="3da29760--t_tabs_6_panel_1">
|
<view class="contentBox">
|
<view class="titleBox">
|
<view class="frameBox"></view>
|
<view class="titleTextBox">
|
<view class="sk-transparent sk-text-14-2857-775 sk-text">数字课程列表</view>
|
</view>
|
</view>
|
<scroll-view class="outsideContentBox" scroll-y="true">
|
<view class="bookContentBox">
|
<view class="external" data-item="[object Object]">
|
<view class="amountClick">
|
<view class="t-icon icon--t-icon " style="font-size: 15px;">
|
<label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-674 sk-text">99</view>
|
</view>
|
<view class="imageBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="bookName sk-transparent sk-text-14-2857-847 sk-text">体育与健康（第3版）</view>
|
<view class="information">
|
<view class="sk-transparent sk-opacity">-</view>
|
<view class="price sk-transparent sk-text-14-2857-326 sk-text">￥38.8</view>
|
</view>
|
</view>
|
<view class="external" data-item="[object Object]">
|
<view class="amountClick">
|
<view class="t-icon icon--t-icon " style="font-size: 15px;">
|
<label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-426 sk-text">79</view>
|
</view>
|
<view class="imageBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="bookName sk-transparent sk-text-14-2857-873 sk-text">婴幼儿生活照护</view>
|
<view class="information">
|
<view class="book-author sk-transparent sk-text-14-2857-366 sk-text">
|
赵青
|
</view>
|
<view class="price sk-transparent sk-text-14-2857-576 sk-text"> 免费</view>
|
</view>
|
</view>
|
<view class="external" data-item="[object Object]">
|
<view class="amountClick">
|
<view class="t-icon icon--t-icon " style="font-size: 15px;">
|
<label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-707 sk-text">318</view>
|
</view>
|
<view class="imageBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="bookName sk-transparent sk-text-14-2857-430 sk-text">新标准通用职场英语基础模块一</view>
|
<view class="information">
|
<view class="book-author sk-transparent sk-text-14-2857-478 sk-text">
|
王朝晖总主编
|
</view>
|
<view class="price sk-transparent sk-text-14-2857-4 sk-text">￥0.01</view>
|
</view>
|
</view>
|
<view class="external" data-item="[object Object]">
|
<view class="amountClick">
|
<view class="t-icon icon--t-icon " style="font-size: 15px;">
|
<label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-874 sk-text">436</view>
|
</view>
|
<view class="imageBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="bookName sk-transparent sk-text-14-2857-10 sk-text">学前儿童卫生与保健</view>
|
<view class="information">
|
<view class="book-author sk-transparent sk-text-14-2857-724 sk-text">
|
张兰香 潘秀萍
|
</view>
|
<view class="price sk-transparent sk-text-14-2857-351 sk-text"> 免费</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="7723c5f5--t_tabs_6_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="d3e34e84--t_tabs_6_panel_3">
|
<view class="contentBox"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
