<!--
|
此文件为开发者工具生成，生成时间: 2024/6/6上午11:26:43
|
使用方法：
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalTextbooks\digitalTextbooksDetails\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalTextbooks\digitalTextbooksDetails\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 class="page-bookService">
|
<view class="digital">
|
<view class="book-box sk-image">
|
<view class="textbookDetails">
|
<view class="book-img">
|
<view class="imageBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="setCoolect">
|
<image style="width: 25px;" class="sk-image"></image>
|
</view>
|
</view>
|
<view class="bookContent">
|
<view class="headerText sk-transparent sk-text-14-2857-678 sk-text">
|
体育与健康（第3版）
|
</view>
|
<view class="content">
|
<view class="styleCssBox">
|
<view style="width: 75px;" class="sk-transparent sk-text-14-2857-984 sk-text"> 作者： </view>
|
<view></view>
|
</view>
|
<view class="styleCssBox">
|
<view style="width: 75px;" class="sk-transparent sk-text-14-2857-115 sk-text">ISBN：</view>
|
<view></view>
|
</view>
|
<view class="styleCssBox">
|
<view style="width: 75px;" class="sk-transparent sk-text-14-2857-39 sk-text"> 出版时间： </view>
|
<view></view>
|
</view>
|
<view class="styleCssBox">
|
<view style="width: 75px;" class="sk-transparent sk-text-14-2857-89 sk-text"> 定价： </view>
|
<view class="sk-transparent sk-text-14-2857-508 sk-text">￥38.80</view>
|
</view>
|
</view>
|
<image class="right-background sk-image"></image>
|
</view>
|
</view>
|
<view class="certificate">
|
<view class="publish sk-transparent sk-text-14-2857-640 sk-text">出版证书</view>
|
<view class="curriculum sk-transparent sk-text-14-2857-770 sk-text">课程证书</view>
|
</view>
|
</view>
|
</view>
|
<view style="margin-top: 10px;">
|
<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">
|
<view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ;">
|
<view class="t-icon--image icon--t-icon--image">
|
<image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></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">
|
<view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ;">
|
<view class="t-icon--image icon--t-icon--image">
|
<image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></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="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">
|
<view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ;">
|
<view class="t-icon--image icon--t-icon--image">
|
<image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></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="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">
|
<view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ;">
|
<view class="t-icon--image icon--t-icon--image">
|
<image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
|
</view>
|
</view>相关教材
|
</view>
|
</view>
|
<view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(38.875px); transform: translateX(38.875px); "></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="true" id="947897dc--t_tabs_3_panel_0">
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="basic sk-transparent sk-text-14-2857-357 sk-text"> 基本信息</view>
|
</view>
|
<view style="margin: 15px;">
|
<rich-text nodes="" style="font-size: 14px;color: #333; line-height: 24px;text-align: justify;margin: 10px;"></rich-text>
|
</view>
|
</view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="4fbdafa5--t_tabs_3_panel_1">
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="basic sk-transparent sk-text-14-2857-586 sk-text"> 作者信息</view>
|
</view>
|
<view style="margin: 15px;">
|
<rich-text nodes="" style="font-size: 14px;color: #333; line-height: 24px;text-align: justify;margin: 10px;"></rich-text>
|
</view>
|
</view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="a8fe62e6--t_tabs_3_panel_2">
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="basic sk-transparent sk-text-14-2857-540 sk-text"> 目录</view>
|
</view>
|
<view style="margin: 15px;">
|
<rich-text nodes="" style="font-size: 14px;color: #333; line-height: 24px;text-align: justify;margin: 10px;"></rich-text>
|
</view>
|
</view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="0d4979d4--t_tabs_3_panel_3">
|
<view class="correlation">
|
<view data-item="[object Object]">
|
<view class="correlationImage">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="correlationName sk-transparent sk-text-14-2857-861 sk-text">婴幼儿生活照护</view>
|
</view>
|
<view data-item="[object Object]">
|
<view class="correlationImage">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="correlationName sk-transparent sk-text-14-2857-135 sk-text">新标准通用职场英语基础模块一</view>
|
</view>
|
<view data-item="[object Object]">
|
<view class="correlationImage">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="correlationName sk-transparent sk-text-14-2857-639 sk-text">学前儿童卫生与保健</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="box-bottom">
|
<view class="trialReading">
|
<view>
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="a67cec07--image" mode="scaleToFill" style="true"></image>
|
</view>
|
<view class="btn-text sk-transparent sk-text-14-2857-233 sk-text">试读</view>
|
</view>
|
<view class="shopCarColor sk-transparent sk-text-14-2857-769 sk-text">加入购物车</view>
|
<view class="buyColor sk-transparent sk-text-14-2857-526 sk-text">立即购买</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
