<!--
|
此文件为开发者工具生成,生成时间: 2024/6/13上午9:45:29
|
使用方法:
|
在 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>
|
<view class="bookContent">
|
<view class="headerText sk-transparent sk-text-14-2857-391 sk-text">
|
体育与健康(第3版)
|
</view>
|
<view class="content">
|
<view class="styleCssBox">
|
<view style="width: 75px;" class="sk-transparent sk-text-14-2857-366 sk-text"> 作者: </view>
|
<view></view>
|
</view>
|
<view class="styleCssBox">
|
<view style="width: 75px;" class="sk-transparent sk-text-14-2857-515 sk-text">ISBN:</view>
|
<view></view>
|
</view>
|
<view class="styleCssBox">
|
<view style="width: 75px;" class="sk-transparent sk-text-14-2857-242 sk-text"> 出版时间: </view>
|
<view></view>
|
</view>
|
</view>
|
<image class="right-background sk-image"></image>
|
</view>
|
</view>
|
<view class="certificate">
|
<view class="proposal">
|
<view class="suggestion">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="proposalText sk-transparent sk-text-14-2857-597 sk-text">我要建议</view>
|
</view>
|
<view class="frame"></view>
|
<view class="information">
|
<view class="proposal">
|
<view class="suggestion">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="proposalText sk-transparent sk-text-14-2857-10 sk-text">证书申请</view>
|
</view>
|
<view class="informationPrice">
|
<view class="fixedPrice">
|
<view class="sk-transparent sk-text-14-2857-939 sk-text"> 定价: </view>
|
<view class="sk-transparent sk-text-14-2857-293 sk-text">¥38.80</view>
|
</view>
|
</view>
|
</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__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">
|
<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(32px); transform: translateX(32px); "></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="a3607342--t_tabs_7_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-466 sk-text"> 基本信息</view>
|
</view>
|
<view style="margin: 15px; margin-bottom: 65px;">
|
<rich-text 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="4b6ea136--t_tabs_7_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-927 sk-text"> 作者信息</view>
|
</view>
|
<view style="margin: 15px; margin-bottom: 65px;">
|
<rich-text 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="403cd750--t_tabs_7_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-416 sk-text"> 作者信息</view>
|
</view>
|
<view style="margin: 15px; margin-bottom: 65px;">
|
<rich-text 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="092c1c04--t_tabs_7_panel_3">
|
<view class="rubricBox">
|
<view class="rubricimgBox">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="basic sk-transparent sk-text-14-2857-874 sk-text"> 目录</view>
|
</view>
|
<view style="margin: 15px; margin-bottom: 65px;">
|
<rich-text 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="c786c51d--t_tabs_7_panel_4">
|
<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-494 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-938 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-12 sk-text">学前儿童卫生与保健</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="box-bottom">
|
<view style="border-top: 1px solid #DDDDDD; display: flex;">
|
<view class="collection">
|
<view class="collectionImage">
|
<image mode="true" class="sk-image"></image>
|
</view>
|
<view class="sk-transparent sk-text-14-2857-834 sk-text">
|
收藏
|
</view>
|
</view>
|
<view class="trialReading">
|
<view class="collectionImage">
|
<image class="sk-image"></image>
|
</view>
|
<view class="btn-text sk-transparent sk-text-14-2857-761 sk-text">试读</view>
|
</view>
|
</view>
|
<view class="shopCarColor sk-transparent sk-text-14-2857-985 sk-text">加入购物车</view>
|
<view class="buyColor sk-transparent sk-text-14-2857-221 sk-text">立即购买</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|