<!--
|
此文件为开发者工具生成，生成时间: 2024/4/11下午2:39:05
|
使用方法：
|
在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\detail\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\detail\index.wxss 中引入样式
|
```
|
@import "./index.skeleton.wxss";
|
```
|
|
更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
|
-->
|
<template name="skeleton">
|
<view class="sk-container">
|
<view class="page-bookService">
|
<scroll-view class="book" scroll-y="true">
|
<view class="book-box sk-image">
|
<view class="book-detail" id="book-detail">
|
<view class="detail-left">
|
<view class="book-img">
|
<image mode="aspectFill" class="sk-image"></image>
|
</view>
|
<view class="book-use">
|
<view class="collect">
|
<view>
|
<image class="sk-image"></image>
|
</view>
|
<view class="use-title sk-transparent sk-text-14-2857-114 sk-text">收藏</view>
|
</view>
|
<view class="suggest">
|
<view>
|
<image class="sk-image"></image>
|
</view>
|
<view class="use-title sk-transparent sk-text-14-2857-71 sk-text">我要建议</view>
|
</view>
|
</view>
|
</view>
|
<view class="detail-right">
|
<view class="book-name showTow sk-transparent sk-text-14-2857-941 sk-text">管理学（微课版）</view>
|
<view class="book-message">
|
<view class="message-li">
|
<view class="li-title sk-transparent sk-text-14-2857-902 sk-text">作者：</view>
|
<view class="li-content sk-transparent sk-text-14-2857-603 sk-text">王文周</view>
|
</view>
|
<view class="message-li">
|
<view class="li-title sk-transparent sk-text-14-2857-210 sk-text">ISBN：</view>
|
<view class="li-content sk-transparent sk-text-14-2857-305 sk-text">978-7-303-270-965</view>
|
</view>
|
<view class="message-li">
|
<view class="li-title sk-transparent sk-text-14-2857-73 sk-text">出版时间：</view>
|
<view class="li-content sk-transparent sk-text-14-2857-207 sk-text">2021年8月</view>
|
</view>
|
<view class="message-li" style="height: 41px">
|
<view class="li-title sk-transparent sk-text-14-2857-434 sk-text">图书分类：</view>
|
<view class="class-name showTow sk-transparent sk-text-14-2857-211 sk-text">新世纪高等学校教材</view>
|
</view>
|
</view>
|
<image class="right-background sk-image"></image>
|
</view>
|
</view>
|
<view class="book-sale">
|
<view class="book-price">
|
<view class="electron-price">
|
<view>
|
<image class="sk-image"></image>
|
</view>
|
<view class="price">
|
<view class="price-text sk-transparent sk-text-14-2857-527 sk-text">¥49.80</view>
|
</view>
|
<view></view>
|
</view>
|
<view class="paper-price">
|
<view>
|
<image class="sk-image"></image>
|
</view>
|
<view class="price sk-transparent sk-text-14-2857-271 sk-text">¥49.80</view>
|
</view>
|
</view>
|
<view class="book-web">
|
<image data-link="https://item.jd.com/13404504.html?cu=true&utm_source=kong&utm_medium=tuiguang&utm_campaign=t_1003847423_&utm_term=da1e0bdf09cd419cabf86cdffb322742" data-type="jd" class="sk-image"></image>
|
<image data-link="https://product.dangdang.com/11602558067.html" class="sk-image"></image>
|
</view>
|
</view>
|
</view>
|
<movable-area class="movable-area">
|
<view class="book-resource">
|
<view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top tab-class 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" enhanced="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top 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">
|
<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">
|
<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">
|
<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">
|
<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">
|
<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="5">
|
<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">
|
<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>
|
</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 tab-panel--t-tab-panel t-is-active tab-panel--t-is-active" id="4e5240c1--t_tabs_2_panel_0">
|
<view is="packageBookService/pages/bookServices/detail/components/brief/index">
|
<view class="brief-index--message">
|
<view class="brief-index--basic">
|
<view class="brief-index--basic-title">
|
<view>
|
<image class="sk-image"></image>
|
</view>
|
<view class="brief-index--title-name sk-transparent sk-text-14-2857-492 sk-text">基本信息</view>
|
</view>
|
<rich-text nodes=""></rich-text>
|
</view>
|
<view class="brief-index--basic">
|
<view class="brief-index--basic-title">
|
<view>
|
<image class="sk-image"></image>
|
</view>
|
<view class="brief-index--title-name sk-transparent sk-text-14-2857-323 sk-text">作者简介</view>
|
</view>
|
</view>
|
<rich-text nodes=""></rich-text>
|
</view>
|
</view>
|
</view>
|
<view class="t-tab-panel tab-panel--t-tab-panel" id="4e90759b--t_tabs_2_panel_1"></view>
|
<view class="t-tab-panel tab-panel--t-tab-panel" id="8ad82e81--t_tabs_2_panel_2"></view>
|
<view class="t-tab-panel tab-panel--t-tab-panel" id="93887d3b--t_tabs_2_panel_3">
|
<view>
|
<view is="packageBookService/pages/bookServices/detail/components/testResource/testResource" id="test-resource">
|
<view class="testResource--test-resource">
|
<view class="testResource--top-btn">
|
<view class="t-radio-group group--t-radio-group testResource--test-radio testResource--horizontal-box" style="margin: 0 5px 0 0">
|
<view class="testResource--card testResource--card--active">
|
<view class="t-radio radio--t-radio t-radio--left radio--t-radio--left t-radio--block radio--t-radio--block" style="height: 41px" tabindex="0">
|
<view class="t-radio__content radio--t-radio__content" data-target="text">
|
<view class="t-radio__title radio--t-radio__title t-radio__title--checked radio--t-radio__title--checked sk-transparent" style="-webkit-line-clamp: 3"></view>
|
<view class="t-radio__description radio--t-radio__description t-radio__description--checked radio--t-radio__description--checked" style="-webkit-line-clamp: 5">
|
<view class="testResource--radio-content">
|
<image class="sk-image"></image>
|
<text style="color: #fff" class="sk-transparent sk-text-18-1818-263 sk-text">练习</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="testResource--card">
|
<view class="t-radio radio--t-radio t-radio--left radio--t-radio--left t-radio--block radio--t-radio--block" style="height: 41px" tabindex="0">
|
<view class="t-radio__content radio--t-radio__content" data-target="text">
|
<view class="t-radio__title radio--t-radio__title sk-transparent" style="-webkit-line-clamp: 3"></view>
|
<view class="t-radio__description radio--t-radio__description" style="-webkit-line-clamp: 5">
|
<view class="testResource--radio-content">
|
<image class="sk-image"></image>
|
<text style="color: #ff6c00" class="sk-transparent sk-text-18-1818-30 sk-text">组卷</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="padding: 0 6px" class="testResource--error-btn t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--rectangle button--t-button--rectangle t-button--size-medium button--t-button--size-medium sk-button sk-pseudo sk-pseudo-circle">
|
<view class="t-button__content button--t-button__content">
|
<view class="testResource--btn-content">
|
<image class="sk-image"></image>
|
<text class="testResource--primary-color sk-transparent sk-text-32-9268-694 sk-text" style="background-position-x: 50%">我的错题</text>
|
</view>
|
</view>
|
</button>
|
<button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="padding: 0 6px" class="testResource--collect-btn t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--rectangle button--t-button--rectangle t-button--size-medium button--t-button--size-medium sk-button sk-pseudo sk-pseudo-circle">
|
<view class="t-button__content button--t-button__content">
|
<view class="testResource--btn-content">
|
<image class="sk-image"></image>
|
<text class="testResource--primary-color sk-transparent sk-text-32-9268-466 sk-text" style="background-position-x: 50%">
|
我的收藏</text>
|
</view>
|
</view>
|
</button>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" id="911cfff2--t_tabs_2_panel_4">
|
<view is="packageBookService/pages/bookServices/detail/components/note/note" class="note-list" id="note">
|
<view class="note--note">
|
<view class="note--note-btn">
|
<button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="width: 124px" class="note--make-note t-button button--t-button t-button--base button--t-button--base t-button--primary button--t-button--primary t-button--rectangle button--t-button--rectangle t-button--size-medium button--t-button--size-medium sk-button sk-pseudo sk-pseudo-circle">
|
<view class="t-button__content button--t-button__content">
|
<view class="note--btn-content">
|
<image class="sk-image"></image>
|
<text class="note--note-btn-text sk-transparent sk-text-32-9268-987 sk-text" style="background-position-x: 50%">记笔记</text>
|
</view>
|
</view>
|
</button>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" id="fd2d3b65--t_tabs_2_panel_5">
|
<view is="packageBookService/pages/bookServices/detail/components/relatedBooks/index">
|
<view class="relatedBooks-index--reletedBooks relatedBooks-index--fl"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<movable-view class="movable-view" direction="all" style="transform: translateX(0px) translateY(0px) translateZ(0px)scale(1);transform-origin: center center;">
|
<view class="applyBox">
|
<view class="box">
|
<image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="8d19d690--image" mode="heightFix" style="width: 95px"></image>
|
</view>
|
</view>
|
</movable-view>
|
</movable-area>
|
</scroll-view>
|
<view is="packageBookService/pages/bookServices/detail/components/suggest/suggest" class="suggest-component" id="suggest-component"></view>
|
<view class="box-bottom">
|
<view class="bottom-btn">
|
<view>
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9796bcfb--image" mode="scaleToFill"></image>
|
</view>
|
<view class="btn-text sk-transparent sk-text-14-2857-103 sk-text">电子样书申请</view>
|
</view>
|
<view class="bottom-btn">
|
<view>
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="e67eb843--image" mode="scaleToFill"></image>
|
</view>
|
<view class="btn-text sk-transparent sk-text-14-2857-823 sk-text">纸质样书申请</view>
|
</view>
|
<view class="bottom-btn tryRead">
|
<view>
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="5cbc8a00--image" mode="scaleToFill"></image>
|
</view>
|
<view class="btn-text sk-transparent sk-text-14-2857-17 sk-text">试读</view>
|
</view>
|
<view class="shopCar shopCarColor sk-transparent sk-text-14-2857-39 sk-text">加入购物车</view>
|
<view class="buy buyColor sk-transparent sk-text-14-2857-541 sk-text">立即购买</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
