From 78068d49c20a8b90db902d955f558af507eb8b96 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 11 四月 2024 16:06:12 +0800
Subject: [PATCH] 各页面添加骨架屏
---
packageBookService/pages/bookServices/list/index.skeleton.wxml | 124 ++++
packageBookService/pages/bookServices/list/index.wxml | 124 +++
packageBookService/pages/bookServices/list/index.skeleton.wxss | 110 +++
packageBookService/pages/bookServices/list/index.wxss | 1
packageBookService/pages/bookServices/detail/index.wxml | 303 ++++++++-
pages/bookServices/assort/index.skeleton.wxss | 130 ++++
packageBookService/pages/bookServices/detail/index.wxss | 2
packageBookService/pages/bookServices/examination/examination.wxml | 17
pages/bookServices/assort/index.skeleton.wxml | 130 ++++
packageBookService/pages/bookServices/examination/examination.wxss | 2
packageBookService/pages/bookServices/examination/examination.skeleton.wxml | 125 ++++
packageBookService/pages/bookServices/examination/examination.skeleton.wxss | 108 +++
packageBookService/pages/bookServices/list/index.js | 26
pages/bookServices/assort/index.wxml | 13
packageBookService/pages/bookServices/detail/index.skeleton.wxml | 309 ++++++++++
pages/bookServices/assort/index.wxss | 2
packageBookService/pages/bookServices/detail/index.skeleton.wxss | 180 ++++++
17 files changed, 1,611 insertions(+), 95 deletions(-)
diff --git a/packageBookService/pages/bookServices/detail/index.skeleton.wxml b/packageBookService/pages/bookServices/detail/index.skeleton.wxml
new file mode 100644
index 0000000..5f453b8
--- /dev/null
+++ b/packageBookService/pages/bookServices/detail/index.skeleton.wxml
@@ -0,0 +1,309 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 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">
+ <view style="width: 100%; height: 47px"></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-title sk-transparent sk-text-14-2857-928 sk-text">绠＄悊瀛︼紙寰鐗堬級</view>
+ </view>
+ <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" 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" 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" 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__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" 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(24.5px);transform: translateX(24.5px);"></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 tab-panel--t-tab-panel t-is-active tab-panel--t-is-active" style="true" 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="" style="font-size: 14px;color: #333;line-height: 24px;text-align: justify;"></rich-text>
+ </view>
+ </view>
+ </view>
+ <view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" id="4e90759b--t_tabs_2_panel_1"></view>
+ <view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" id="8ad82e81--t_tabs_2_panel_2"></view>
+ <view class="t-tab-panel tab-panel--t-tab-panel" style="height: 0" 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" style="true"></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" style="true"></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" style="true"></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>
\ No newline at end of file
diff --git a/packageBookService/pages/bookServices/detail/index.skeleton.wxss b/packageBookService/pages/bookServices/detail/index.skeleton.wxss
new file mode 100644
index 0000000..0c06931
--- /dev/null
+++ b/packageBookService/pages/bookServices/detail/index.skeleton.wxss
@@ -0,0 +1,180 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍2:39:05
+
+鍦� 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
+*/
+.sk-transparent {
+ color: transparent !important;
+ }
+.sk-text-14-2857-928 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 53.8462rpx;
+ position: relative !important;
+ }
+.sk-text {
+ background-origin: content-box !important;
+ background-clip: content-box !important;
+ background-color: transparent !important;
+ color: transparent !important;
+ background-repeat: repeat-y !important;
+ }
+.sk-text-14-2857-114 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 32.3077rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-71 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 32.3077rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-941 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 48.4615rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-902 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-603 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-210 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-305 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-73 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-207 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-434 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-211 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-527 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 45.7692rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-271 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 45.7692rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-492 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 43.0769rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-323 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 43.0769rpx;
+ position: relative !important;
+ }
+.sk-text-18-1818-263 {
+ background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+ background-size: 100% 42.3077rpx;
+ position: relative !important;
+ }
+.sk-text-18-1818-30 {
+ background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+ background-size: 100% 42.3077rpx;
+ position: relative !important;
+ }
+.sk-text-32-9268-694 {
+ background-image: linear-gradient(transparent 32.9268%, #EEEEEE 0%, #EEEEEE 67.0732%, transparent 0%) !important;
+ background-size: 100% 78.8462rpx;
+ position: relative !important;
+ }
+.sk-text-32-9268-466 {
+ background-image: linear-gradient(transparent 32.9268%, #EEEEEE 0%, #EEEEEE 67.0732%, transparent 0%) !important;
+ background-size: 100% 78.8462rpx;
+ position: relative !important;
+ }
+.sk-text-32-9268-987 {
+ background-image: linear-gradient(transparent 32.9268%, #EEEEEE 0%, #EEEEEE 67.0732%, transparent 0%) !important;
+ background-size: 100% 78.8462rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-103 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 32.3077rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-823 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 32.3077rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-17 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 32.3077rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-39 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 35.0000rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-541 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 35.0000rpx;
+ position: relative !important;
+ }
+.sk-button {
+ color: #EFEFEF !important;
+ background: #EFEFEF !important;
+ border: none !important;
+ box-shadow: none !important;
+ }
+.sk-image {
+ background: #EFEFEF !important;
+ }
+.sk-pseudo::before, .sk-pseudo::after {
+ background: #EFEFEF !important;
+ background-image: none !important;
+ color: transparent !important;
+ border-color: transparent !important;
+ }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+ border-radius: 0 !important;
+ }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+ border-radius: 50% !important;
+ }
+.sk-container {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background-color: transparent;
+ }
diff --git a/packageBookService/pages/bookServices/detail/index.wxml b/packageBookService/pages/bookServices/detail/index.wxml
index fb777d8..052cab9 100644
--- a/packageBookService/pages/bookServices/detail/index.wxml
+++ b/packageBookService/pages/bookServices/detail/index.wxml
@@ -1,33 +1,61 @@
<!--pages/bookServices/detail/index.wxml-->
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{pageLoading}}" />
+
<!--瀵艰埅鍖哄煙 -->
<view class="page-bookService" wx:if="{{!pageLoading}}">
<view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
<view>
- <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
+ <t-icon
+ name="chevron-left"
+ size="30"
+ data-name="{{item}}"
+ bind:click="goBack"
+ />
</view>
<view class="navbar-title">{{options.name}}</view>
</view>
<t-toast id="t-toast" />
- <scroll-view scroll-y="{{true}}" class="book" bindscrolltolower="onReachBottom">
+ <scroll-view
+ scroll-y="{{true}}"
+ class="book"
+ bindscrolltolower="onReachBottom"
+ >
<!-- 鍥句功璇︽儏 -->
<view class="book-box">
<view class="book-detail" id="book-detail">
<view class="detail-left">
<view class="book-img">
- <image loading="" src="{{bookDetail.icon ? bookDetail.icon : '/static/images/default-book-img.png'}}" mode="aspectFill" aria-label="{{bookDetail.name}}" />
+ <image
+ loading=""
+ src="{{bookDetail.icon ? bookDetail.icon : '/static/images/default-book-img.png'}}"
+ mode="aspectFill"
+ aria-label="{{bookDetail.name}}"
+ />
</view>
<view class="book-use">
<view class="collect" bind:tap="setCollect">
<view>
- <image loading="" src="/static/images/bookService/detail/collect.png" wx:if="{{!bookDetail.isFavourite}}" />
- <image loading="" src="/static/images/bookService/detail/collecting.png" wx:if="{{bookDetail.isFavourite}}" />
+ <image
+ loading=""
+ src="/static/images/bookService/detail/collect.png"
+ wx:if="{{!bookDetail.isFavourite}}"
+ />
+ <image
+ loading=""
+ src="/static/images/bookService/detail/collecting.png"
+ wx:if="{{bookDetail.isFavourite}}"
+ />
</view>
<view class="use-title">鏀惰棌</view>
</view>
<view class="suggest" bind:tap="suggestBtn">
<view>
- <image loading="" src="/static/images/bookService/detail/suggest.png" />
+ <image
+ loading=""
+ src="/static/images/bookService/detail/suggest.png"
+ />
</view>
<view class="use-title">鎴戣寤鸿</view>
</view>
@@ -49,15 +77,24 @@
<view class="li-content">{{bookDetail.isbn}}</view>
</view>
<view class="message-li">
- <view class="li-title" wx:if="{{bookDetail.publicationDate}}">鍑虹増鏃堕棿锛�</view>
+ <view class="li-title" wx:if="{{bookDetail.publicationDate}}"
+ >鍑虹増鏃堕棿锛�</view
+ >
<view class="li-content">{{bookDetail.publicationDate}}</view>
</view>
- <view class="message-li" wx:if="{{bookDetail.class}}" style="height: 80rpx">
+ <view
+ class="message-li"
+ wx:if="{{bookDetail.class}}"
+ style="height: 80rpx"
+ >
<view class="li-title">鍥句功鍒嗙被锛�</view>
<view class="class-name showTow">{{bookDetail.class}}</view>
</view>
</view>
- <image src="/static/images/bookService/detail/square.png" class="right-background" />
+ <image
+ src="/static/images/bookService/detail/square.png"
+ class="right-background"
+ />
</view>
</view>
<!-- 閿�鍞俊鎭� -->
@@ -66,12 +103,17 @@
<!-- 鐢靛瓙涔﹀敭浠� -->
<view class="electron-price" wx:if="{{bookDetail.price}}">
<view>
- <image src="/static/images/bookService/detail/electon-price.png" />
+ <image
+ src="/static/images/bookService/detail/electon-price.png"
+ />
</view>
<view class="price">
- <view class="price-text">{{bookDetail.price == '0.00' ? '鍏嶈垂' : '楼'+
- bookDetail.price}}</view>
- <view class="price-old" wx:if="{{bookDetail.oldPrice != '0.00'}}">楼{{bookDetail.oldPrice}}
+ <view class="price-text"
+ >{{bookDetail.price == '0.00' ? '鍏嶈垂' : '楼'+
+ bookDetail.price}}</view
+ >
+ <view class="price-old" wx:if="{{bookDetail.oldPrice != '0.00'}}"
+ >楼{{bookDetail.oldPrice}}
</view>
</view>
<view> </view>
@@ -81,26 +123,68 @@
<view>
<image src="/static/images/bookService/detail/paper-price.png" />
</view>
- <view class="price">{{bookDetail.paperPrice == '0.00' ? '鍏嶈垂' :
- '楼'+bookDetail.paperPrice}}</view>
+ <view class="price"
+ >{{bookDetail.paperPrice == '0.00' ? '鍏嶈垂' :
+ '楼'+bookDetail.paperPrice}}</view
+ >
</view>
</view>
<!-- 缃戝簵 -->
<view class="book-web">
- <image src="/static/images/bookService/detail/jd.png" wx:if="{{bookDetail.JDLink}}" bind:tap="goShop" data-link="{{bookDetail.JDLink}}" data-type="jd" />
- <image class="tmall-image" src="/static/images/bookService/detail/tmall.png" bind:tap="goShop" data-link="{{bookDetail.tmallLink}}" wx:if="{{bookDetail.tmallLink}}" />
- <image src="/static/images/bookService/detail/dangdang.png" bind:tap="goShop" data-link="{{bookDetail.dangdangLink}}" wx:if="{{bookDetail.dangdangLink}}" />
- <image src="/static/images/bookService/detail/weidian.png" bind:tap="goShop" data-link="{{bookDetail.weidianLink}}" wx:if="{{bookDetail.weidianLink}}" />
+ <image
+ src="/static/images/bookService/detail/jd.png"
+ wx:if="{{bookDetail.JDLink}}"
+ bind:tap="goShop"
+ data-link="{{bookDetail.JDLink}}"
+ data-type="jd"
+ />
+ <image
+ class="tmall-image"
+ src="/static/images/bookService/detail/tmall.png"
+ bind:tap="goShop"
+ data-link="{{bookDetail.tmallLink}}"
+ wx:if="{{bookDetail.tmallLink}}"
+ />
+ <image
+ src="/static/images/bookService/detail/dangdang.png"
+ bind:tap="goShop"
+ data-link="{{bookDetail.dangdangLink}}"
+ wx:if="{{bookDetail.dangdangLink}}"
+ />
+ <image
+ src="/static/images/bookService/detail/weidian.png"
+ bind:tap="goShop"
+ data-link="{{bookDetail.weidianLink}}"
+ wx:if="{{bookDetail.weidianLink}}"
+ />
</view>
</view>
</view>
<view class="book-resource">
<movable-area class="movable-area">
- <t-tabs value="{{tabValue}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel" class="tab-class">
- <t-tab-panel label="鍥句功绠�浠�" icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}" value="brief" style="{{tabPanelstyle}}">
- <book-brief content="{{bookDetail.content}}" authorIntroduction="{{bookDetail.authorIntroduction}}" wx:if="{{bookDetail.content || bookDetail.authorIntroduction}}"></book-brief>
- <view wx:if="{{!bookDetail.content && !bookDetail.authorIntroduction}}" class="noData">
+ <t-tabs
+ value="{{tabValue}}"
+ bind:change="onTabsChange"
+ t-class="custom-tabs"
+ t-class-content="custom-panel"
+ class="tab-class"
+ >
+ <t-tab-panel
+ label="鍥句功绠�浠�"
+ icon="{{ tabValue == 'brief' ? briefIconClick : briefIcon}}"
+ value="brief"
+ style="{{tabPanelstyle}}"
+ >
+ <book-brief
+ content="{{bookDetail.content}}"
+ authorIntroduction="{{bookDetail.authorIntroduction}}"
+ wx:if="{{bookDetail.content || bookDetail.authorIntroduction}}"
+ ></book-brief>
+ <view
+ wx:if="{{!bookDetail.content && !bookDetail.authorIntroduction}}"
+ class="noData"
+ >
<t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
</view>
</t-tab-panel>
@@ -111,82 +195,203 @@
style="{{tabPanelstyle}}"
>
</t-tab-panel> -->
- <t-tab-panel label="鏁欏璧勬簮" icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}" value="jsek_teachingResources" class="{{loading ? 'loading': ''}}">
- <view wx:if="{{!loading && teach.length && !noResources && applyState}}">
- <teach-resource applyState="{{applyState}}" rejectCause="{{rejectCause}}" deadline="{{deadline}}" bind:applyResource="applyResource" applyResourceLoading="{{applyResourceLoading}}"></teach-resource>
- <tree id="teach-tree" openIds="{{openTeachids}}" bookInfo="{{bookDetail}}" treeList="{{teach}}" tab="{{tabValue}}" applyState="{{applyState}}" bind:downloadTeach="downloadTeach" bind:handleTree="handleTree" openTeachids="{{openTeachids}}" wx:if="{{teach.length}}"></tree>
+ <t-tab-panel
+ label="鏁欏璧勬簮"
+ icon="{{tabValue == 'jsek_teachingResources' ? teachResourcesClickIcon : teachResourcesIcon}}"
+ value="jsek_teachingResources"
+ class="{{loading ? 'loading': ''}}"
+ >
+ <view
+ wx:if="{{!loading && teach.length && !noResources && applyState}}"
+ >
+ <teach-resource
+ applyState="{{applyState}}"
+ rejectCause="{{rejectCause}}"
+ deadline="{{deadline}}"
+ bind:applyResource="applyResource"
+ applyResourceLoading="{{applyResourceLoading}}"
+ ></teach-resource>
+ <tree
+ id="teach-tree"
+ openIds="{{openTeachids}}"
+ bookInfo="{{bookDetail}}"
+ treeList="{{teach}}"
+ tab="{{tabValue}}"
+ applyState="{{applyState}}"
+ bind:downloadTeach="downloadTeach"
+ bind:handleTree="handleTree"
+ openTeachids="{{openTeachids}}"
+ wx:if="{{teach.length}}"
+ ></tree>
</view>
- <t-loading theme="circular" size="60rpx" class="loading" loading="{{loading }}" />
+ <t-loading
+ theme="circular"
+ size="60rpx"
+ class="loading"
+ loading="{{loading }}"
+ />
<view wx:if="{{noResources}}" class="noData">
<t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
</view>
</t-tab-panel>
- <t-tab-panel label="浜戝涔�" icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}" value="jsek_cloudLearning" style="{{tabPanelstyle}}">
+ <t-tab-panel
+ label="浜戝涔�"
+ icon="{{tabValue == 'jsek_cloudLearning' ? learnResourceClickIcon : learnResourceIcon}}"
+ value="jsek_cloudLearning"
+ style="{{tabPanelstyle}}"
+ >
<view wx:if="{{!loading && learn.length}}">
- <learn-resource bind:getFreeResource="getFreeResource" bind:allAddShoppiingCar="allAddShoppiingCar" id="learn-resource" buyResourceData="{{buyResourceData}}" bookId="{{bookDetail.id}}" isshowDrawBtn="{{isshowDrawBtn}}"></learn-resource>
+ <learn-resource
+ bind:getFreeResource="getFreeResource"
+ bind:allAddShoppiingCar="allAddShoppiingCar"
+ id="learn-resource"
+ buyResourceData="{{buyResourceData}}"
+ bookId="{{bookDetail.id}}"
+ isshowDrawBtn="{{isshowDrawBtn}}"
+ ></learn-resource>
- <tree id="tree" openIds="{{openLearnids}}" bookInfo="{{bookDetail}}" tab="{{tabValue}}" treeList="{{learn}}" buyIds="{{buyIdList}}" openLearnids="{{openLearnids}}" bind:updateShoppingCartHidden="updateShoppingCartHidden" bind:updateCloudLearning="updateCloudLearning"></tree>
+ <tree
+ id="tree"
+ openIds="{{openLearnids}}"
+ bookInfo="{{bookDetail}}"
+ tab="{{tabValue}}"
+ treeList="{{learn}}"
+ buyIds="{{buyIdList}}"
+ openLearnids="{{openLearnids}}"
+ bind:updateShoppingCartHidden="updateShoppingCartHidden"
+ bind:updateCloudLearning="updateCloudLearning"
+ ></tree>
</view>
<view wx:if="{{noResources}}" class="noData">
<t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
</view>
</t-tab-panel>
- <t-tab-panel label="浜戞祴璇�" icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}" value="questionBank" style="{{tabPanelstyle}}">
+ <t-tab-panel
+ label="浜戞祴璇�"
+ icon="{{tabValue == 'questionBank' ? testResourceClickIocn : testResourceIocn}}"
+ value="questionBank"
+ style="{{tabPanelstyle}}"
+ >
<view wx:if="{{!loading}}">
- <test-resource id="test-resource" list="{{test}}" bookInfo="{{bookDetail}}" mockData="{{mockData}}" bind:buyMock="buyMock"></test-resource>
+ <test-resource
+ id="test-resource"
+ list="{{test}}"
+ bookInfo="{{bookDetail}}"
+ mockData="{{mockData}}"
+ bind:buyMock="buyMock"
+ ></test-resource>
</view>
</t-tab-panel>
- <t-tab-panel label="浜戠瑪璁�" icon="{{tabValue == 'jsek_note' ? noteClickIcon: noteIcon}}" value="jsek_note" style="{{tabPanelstyle}}">
+ <t-tab-panel
+ label="浜戠瑪璁�"
+ icon="{{tabValue == 'jsek_note' ? noteClickIcon: noteIcon}}"
+ value="jsek_note"
+ style="{{tabPanelstyle}}"
+ >
<note bookInfo="{{bookDetail}}" id="note" class="note-list"></note>
</t-tab-panel>
- <t-tab-panel label="鐩稿叧鍥句功" icon="{{tabValue == 'related_books' ? linkClickIcon: linkIcon}}" value="related_books" style="{{tabPanelstyle}}">
- <related-books relatedBookData="{{relatedBookData}}" relatedBookLoading="{{relatedBookLoading}}" noRelatedBookData="{{noRelatedBookData}}" bind:goBookDetails="goBookDetails"></related-books>
+ <t-tab-panel
+ label="鐩稿叧鍥句功"
+ icon="{{tabValue == 'related_books' ? linkClickIcon: linkIcon}}"
+ value="related_books"
+ style="{{tabPanelstyle}}"
+ >
+ <related-books
+ relatedBookData="{{relatedBookData}}"
+ relatedBookLoading="{{relatedBookLoading}}"
+ noRelatedBookData="{{noRelatedBookData}}"
+ bind:goBookDetails="goBookDetails"
+ ></related-books>
</t-tab-panel>
</t-tabs>
- <movable-view class="movable-view" :x="{{x}}" :y="{{y}}" direction="all">
+ <movable-view
+ class="movable-view"
+ :x="{{x}}"
+ :y="{{y}}"
+ direction="all"
+ >
<view class="applyBox" bindtap="goApply">
<view class="box">
- <t-image src="/static/images/home/yangshuForm1.png" mode="heightFix" class="img" />
+ <t-image
+ src="/static/images/home/yangshuForm1.png"
+ mode="heightFix"
+ class="img"
+ />
<view class="num" wx:if="{{num > 0}}">{{num}}</view>
</view>
</view>
</movable-view>
</movable-area>
</view>
-
</scroll-view>
<!-- 鎴戣寤鸿寮圭獥 -->
- <suggest class="suggest-component" id="suggest-component" bookIcon="{{bookDetail.icon}}" bookName="{{bookDetail.name}}"></suggest>
+ <suggest
+ class="suggest-component"
+ id="suggest-component"
+ bookIcon="{{bookDetail.icon}}"
+ bookName="{{bookDetail.name}}"
+ ></suggest>
<!-- 鏁欏璧勬簮涓嬭浇鎻愮ず寮圭獥 -->
- <t-dialog class="teachDownloadDialog" visible="{{isShowTeachDownload}}" title="鎻愮ず" content="璇峰墠寰�PC绔笅杞�" confirm-btn="{{ confirmBtn }}" bind:confirm="closeTeachDownload" />
+ <t-dialog
+ class="teachDownloadDialog"
+ visible="{{isShowTeachDownload}}"
+ title="鎻愮ず"
+ content="璇峰墠寰�PC绔笅杞�"
+ confirm-btn="{{ confirmBtn }}"
+ bind:confirm="closeTeachDownload"
+ />
<!-- 璐拱鎸夐挳 -->
<view class="box-bottom">
<view class="bottom-btn" bind:tap="appplyElectronicBook">
<view>
- <t-image loading="" src="/static/images/bookService/detail/ebook.png"></t-image>
+ <t-image
+ loading=""
+ src="/static/images/bookService/detail/ebook.png"
+ ></t-image>
</view>
<view class="btn-text">鐢靛瓙鏍蜂功鐢宠</view>
</view>
<view class="bottom-btn" bind:tap="appplyPaperBook">
<view>
- <t-image src="/static/images/bookService/detail/paper-book.png"></t-image>
+ <t-image
+ src="/static/images/bookService/detail/paper-book.png"
+ ></t-image>
</view>
<view class="btn-text">绾歌川鏍蜂功鐢宠</view>
</view>
- <view class="{{!bookBuy && bookDetail.isSell ? 'bottom-btn tryRead' : 'bottom-btn try'}}" bind:tap="goRead" wx:if="{{!bookBuy}}">
+ <view
+ class="{{!bookBuy && bookDetail.isSell ? 'bottom-btn tryRead' : 'bottom-btn try'}}"
+ bind:tap="goRead"
+ wx:if="{{!bookBuy}}"
+ >
<view>
<t-image src="/static/images/bookService/detail/shidu.png"></t-image>
</view>
<view class="btn-text">璇曡</view>
</view>
- <view class="shopCar shopCarColor" bind:tap="addBookShopcCar" wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}">鍔犲叆璐墿杞�</view>
- <view class="buy buyColor" bind:tap="buyBtn" wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}">绔嬪嵆璐拱</view>
- <view class="buy receiveColor" bind:tap="buyBtn" wx:if="{{!bookBuy && bookDetail.price == '0.00' && bookDetail.isSell == '1'}}">鍏嶈垂棰嗗彇</view>
+ <view
+ class="shopCar shopCarColor"
+ bind:tap="addBookShopcCar"
+ wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}"
+ >鍔犲叆璐墿杞�</view
+ >
+ <view
+ class="buy buyColor"
+ bind:tap="buyBtn"
+ wx:if="{{!bookBuy && bookDetail.price !== '0.00' && bookDetail.isSell == '1'}}"
+ >绔嬪嵆璐拱</view
+ >
+ <view
+ class="buy receiveColor"
+ bind:tap="buyBtn"
+ wx:if="{{!bookBuy && bookDetail.price == '0.00' && bookDetail.isSell == '1'}}"
+ >鍏嶈垂棰嗗彇</view
+ >
<view class="buy read" bind:tap="goRead" wx:if="{{bookBuy}}">绔嬪嵆鏌ョ湅</view>
</view>
</view>
-<view class="loading" wx:if="{{pageLoading}}">
+<!-- <view class="loading" wx:if="{{pageLoading}}">
<t-loading loading="{{pageLoading}}" size="40"></t-loading>
-</view>
\ No newline at end of file
+</view> -->
diff --git a/packageBookService/pages/bookServices/detail/index.wxss b/packageBookService/pages/bookServices/detail/index.wxss
index 396a0f8..a5ee97e 100644
--- a/packageBookService/pages/bookServices/detail/index.wxss
+++ b/packageBookService/pages/bookServices/detail/index.wxss
@@ -1,5 +1,5 @@
/* pages/bookServices/detail/index.wxss */
-
+@import "./index.skeleton.wxss";
.page-bookService {
width: 100vw;
height: 100%;
diff --git a/packageBookService/pages/bookServices/examination/examination.skeleton.wxml b/packageBookService/pages/bookServices/examination/examination.skeleton.wxml
new file mode 100644
index 0000000..11b08ae
--- /dev/null
+++ b/packageBookService/pages/bookServices/examination/examination.skeleton.wxml
@@ -0,0 +1,125 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍3:00:46
+浣跨敤鏂规硶锛�
+鍦� D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\examination\examination.wxml 寮曞叆妯℃澘
+
+```
+<import src="examination.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\examination\examination.wxss 涓紩鍏ユ牱寮�
+```
+@import "./examination.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+ <view class="sk-container">
+ <view style="width: 100%; height: 47px;background-color: #fff "></view>
+ <view class="nacigationBar" style="width: 100%; height: 40px; background-color: #fff">
+ <view>
+ <view class="t-icon icon--t-icon " style="color: #000; 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-title sk-transparent sk-text-14-2857-257 sk-text" style="color: #000;">绗笁绔犲湪绾挎祴璇�</view>
+ </view>
+ <view class="page-content" style="background-color:">
+ <view is="packageBookService/pages/bookServices/examination/questionSchedule/index" id="countDownRef">
+ <view class="questionSchedule-index--schedule" id="f88d4fe7--schedule" style="background-color:#fff">
+ <view class="questionSchedule-index--schedule-top">
+ <view class="questionSchedule-index--question-schedule sk-transparent" style="color: #000;">绛旈杩涘害
+ <text class="questionSchedule-index--parimary-color questionSchedule-index--question-num sk-transparent sk-opacity">0</text>
+ <text class="sk-transparent sk-text-14-2857-497 sk-text">/35</text>
+ </view>
+ <view class="questionSchedule-index--remainder" style="color: #000;">
+ <text class="sk-transparent sk-text-14-2857-252 sk-text">鍓╀綑鏃堕棿 </text>
+ <text class="questionSchedule-index--parimary-color sk-transparent sk-text-14-2857-835 sk-text">01:59:51</text>
+ </view>
+ </view>
+ <view class="questionSchedule-index--schedule-progress">
+ <view class="t-progress progress--t-progress " style="true">
+ <view class="t-progress--thin progress--t-progress--thin t-progress--status-- progress--t-progress--status-- ">
+ <view class="t-progress__bar progress--t-progress__bar" style="height: px;border-radius: px;background-color: ">
+ <view class="t-progress__inner progress--t-progress__inner " style="background: #ff6c00; width: 0%"></view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view is="packageBookService/pages/bookServices/examination/questionList/index">
+ <view class="questionList-index--question-list" style="background-color:#fff">
+ <view class="questionList-index--question-title" style="background-color:#fff">
+ <text class="questionList-index--title-name sk-transparent sk-text-14-2857-37 sk-text">鍒ゆ柇棰�</text>
+ <text class="questionList-index--title-score sk-transparent sk-text-14-2857-760 sk-text" style="color: #000;">(姣忛2鍒�)</text>
+ </view>
+ <swiper class="questionList-index--swiper" current="0" autoplay="false">
+ <swiper-item style="overflow-y: auto; position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
+ <view class="questionList-index--question-stem questionList-index--title-score" style="color: #000; font-size: 16px;">
+ <text class="sk-transparent sk-text-14-2857-517 sk-text">1.</text>
+ <view class="questionList-index--title-content sk-transparent sk-text-14-2857-70 sk-text">鏈姝ｇ‘绛旀鏄</view>
+ </view>
+ <view class="questionList-index--question-answer">
+ <view class="t-radio-group radio-group--t-radio-group questionList-index--radio-group " style="true">
+ <view>
+ <view class="t-radio radio--t-radio t-radio--right radio--t-radio--right t-radio--block radio--t-radio--block " style="background-color: #fff;" 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 class="questionList-index--radio-item" style="font-size: 16px;">
+ <text class="sk-transparent sk-text-16-6667-815 sk-text">A銆佸</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view>
+ <view class="t-radio radio--t-radio t-radio--right radio--t-radio--right t-radio--block radio--t-radio--block " style="background-color: #fff;" 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 class="questionList-index--radio-item" style="font-size: 16px;">
+ <text class="sk-transparent sk-text-16-6667-544 sk-text">B銆侀敊</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </swiper-item>
+ </swiper>
+ </view>
+ </view>
+ </view>
+ <view class="page-bottom" style="background-color:">
+ <view is="packageBookService/pages/bookServices/examination/questionOptions/index" id="question-options">
+ <view class="questionOptions-index--page-bottom" style="color: #000; background-color:#fff">
+ <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
+ <image class="sk-image"></image>
+ 鏀惰棌
+ </view>
+ <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
+ <image class="sk-image"></image>
+ 绛旈鍗�
+ </view>
+ <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
+ <image class="sk-image"></image>
+ 璁剧疆
+ </view>
+ <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
+ <image class="sk-image"></image>
+ 閲嶅仛
+ </view>
+ <view class="questionOptions-index--bottom-submit">
+ <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:166px;border-radius:31px;" class="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-large button--t-button--size-large sk-button sk-pseudo sk-pseudo-circle">
+ <view class="t-button__content button--t-button__content sk-transparent sk-text-33-6735-780 sk-text" style="background-position-x: 50%;">鎻愪氦</view>
+ </button>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+</template>
\ No newline at end of file
diff --git a/packageBookService/pages/bookServices/examination/examination.skeleton.wxss b/packageBookService/pages/bookServices/examination/examination.skeleton.wxss
new file mode 100644
index 0000000..d26b3c3
--- /dev/null
+++ b/packageBookService/pages/bookServices/examination/examination.skeleton.wxss
@@ -0,0 +1,108 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍3:00:46
+
+鍦� D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\examination\examination.wxss 涓紩鍏ユ牱寮�
+```
+@import "./examination.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+ color: transparent !important;
+ }
+.sk-text-14-2857-257 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 53.8462rpx;
+ position: relative !important;
+ }
+.sk-text {
+ background-origin: content-box !important;
+ background-clip: content-box !important;
+ background-color: transparent !important;
+ color: transparent !important;
+ background-repeat: repeat-y !important;
+ }
+.sk-opacity {
+ opacity: 0 !important;
+ }
+.sk-text-14-2857-497 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-252 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-835 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-37 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-760 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-517 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 43.0769rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-70 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 43.0769rpx;
+ position: relative !important;
+ }
+.sk-text-16-6667-815 {
+ background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+ background-size: 100% 46.1538rpx;
+ position: relative !important;
+ }
+.sk-text-16-6667-544 {
+ background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+ background-size: 100% 46.1538rpx;
+ position: relative !important;
+ }
+.sk-text-33-6735-780 {
+ background-image: linear-gradient(transparent 33.6735%, #EEEEEE 0%, #EEEEEE 66.3265%, transparent 0%) !important;
+ background-size: 100% 94.2308rpx;
+ position: relative !important;
+ }
+.sk-button {
+ color: #EFEFEF !important;
+ background: #EFEFEF !important;
+ border: none !important;
+ box-shadow: none !important;
+ }
+.sk-image {
+ background: #EFEFEF !important;
+ }
+.sk-pseudo::before, .sk-pseudo::after {
+ background: #EFEFEF !important;
+ background-image: none !important;
+ color: transparent !important;
+ border-color: transparent !important;
+ }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+ border-radius: 0 !important;
+ }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+ border-radius: 50% !important;
+ }
+.sk-container {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background-color: transparent;
+ }
diff --git a/packageBookService/pages/bookServices/examination/examination.wxml b/packageBookService/pages/bookServices/examination/examination.wxml
index 5e756e3..ffa1cce 100644
--- a/packageBookService/pages/bookServices/examination/examination.wxml
+++ b/packageBookService/pages/bookServices/examination/examination.wxml
@@ -1,4 +1,8 @@
<!--pages/examination/examination.wxml-->
+
+<import src="examination.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+
<!--瀵艰埅鍖哄煙 -->
<view
style="width: 100%; height: {{barHeight}}px;background-color: {{isNight ? '#191919' : '#fff'}} "
@@ -20,15 +24,6 @@
>{{answerTitle}}</view
>
</view>
-<!--
-<view class="lodaing-box" wx:if="{{loaidng}}">
- <t-loading
- theme="circular"
- size="80rpx"
- class="wrapper"
- loading="{{loading}}"
- />
-</view> -->
<view class="page-content" style="background-color:{{isNight ? '#222' : ''}}">
<question-schedule
@@ -57,13 +52,13 @@
bind:changeSwiper="changeSwiper"
bind:viewParsing="viewParsing"
></question-list>
- <view class="lodaing-box" wx:if="{{loading}}">
+ <!-- <view class="lodaing-box" wx:if="{{loading}}">
<t-loading
theme="circular"
size="80rpx"
class="wrapper"
loading="{{loading}}"
- /></view>
+ /></view> -->
</view>
<!-- 搴曢儴鍖哄煙-->
diff --git a/packageBookService/pages/bookServices/examination/examination.wxss b/packageBookService/pages/bookServices/examination/examination.wxss
index d8a4efb..acf7f28 100644
--- a/packageBookService/pages/bookServices/examination/examination.wxss
+++ b/packageBookService/pages/bookServices/examination/examination.wxss
@@ -1,5 +1,5 @@
/* pages/examination/examination.wxss */
-
+@import "./examination.skeleton.wxss";
.nacigationBar {
display: flex;
diff --git a/packageBookService/pages/bookServices/list/index.js b/packageBookService/pages/bookServices/list/index.js
index a870a7d..f57e643 100644
--- a/packageBookService/pages/bookServices/list/index.js
+++ b/packageBookService/pages/bookServices/list/index.js
@@ -1,7 +1,4 @@
const app = getApp();
-import {
- loginInfo
-} from "../../../../assets/js/login";
Page({
/**
* 椤甸潰鐨勫垵濮嬫暟鎹�
@@ -80,6 +77,7 @@
disabledNewForms: false,
triggered: false,
backTop: "",
+ isshowLoading: true
},
/**
* 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍔犺浇
@@ -166,6 +164,7 @@
triggered: true,
});
this.setData({
+ isshowLoading: false,
"pageCount.page": 1,
});
this.getBookList(this.data.path);
@@ -181,6 +180,7 @@
this.setData({
isMore: true,
"pageCount.page": this.data.pageCount.page + 1,
+ isshowLoading: false
});
this.getBookList(this.data.path);
}
@@ -353,10 +353,15 @@
return false;
}
this.setData({
- loading: true,
noData: false,
isRequesting: true,
+ disabledSecondList: false
});
+ if (this.data.isshowLoading) {
+ this.setData({
+ loading: true
+ })
+ }
let sort;
let pathObj = {};
if (this.data.pathList.length) {
@@ -436,6 +441,11 @@
},
};
app.MG.store.getProductList(query).then((res) => {
+ if (!res.datas.length && !this.data.pathList.length) {
+ this.setData({
+ disabledSecondList: true
+ })
+ }
this.setData({
bookList: res.datas,
isMore: null,
@@ -443,6 +453,7 @@
"pageCount.total": res.total,
loading: false,
isRequesting: false,
+ isshowLoading: true
});
if (!res.datas.length) {
this.setData({
@@ -464,8 +475,6 @@
const path = e.detail.value.length ?
`${this.data.assortCheck.code}\\${e.detail.value}` :
this.data.assortCheck.code;
- console.log(this.data.path);
-
this.setData({
backTop: "#assort-title",
pathList: [],
@@ -473,8 +482,8 @@
secondCode: "",
path: path,
"stairList.value": e.detail.value,
+ disabledSecondList: false
});
-
if (e.detail.value == "") {
this.setData({
disabledSecondList: true,
@@ -483,7 +492,6 @@
this.getSecondList(path);
}
this.getBookList(path);
- console.log(this.data.disabledSecondList);
},
// 浜岀骇鍒嗙被鍒囨崲
onChangeSecond(e) {
@@ -607,13 +615,11 @@
this.getBookList(this.data.path);
},
openDropdown() {
- console.log("灞曞紑鍝�");
this.setData({
showDropdown: true,
});
},
closeDropdown() {
- console.log("鍏抽棴");
this.setData({
showDropdown: false,
});
diff --git a/packageBookService/pages/bookServices/list/index.skeleton.wxml b/packageBookService/pages/bookServices/list/index.skeleton.wxml
new file mode 100644
index 0000000..6c3c4f8
--- /dev/null
+++ b/packageBookService/pages/bookServices/list/index.skeleton.wxml
@@ -0,0 +1,124 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍2:29:18
+浣跨敤鏂规硶锛�
+鍦� D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\list\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\list\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+ <view class="sk-container">
+ <page-meta page-style="true">
+ <view style="width: 100%; height: 47px;"></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: 241px;">
+ <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" name="input" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" placeholder-class="t-search__placeholder t-search__placeholder--normal" type="text" value="true"></view>
+ </view>
+ </view>
+ </view>
+ <view class="bookServices-list">
+ <view class="list-header">
+ <view class="header-scroll">
+ <view class="t-dropdown-menu menu--t-dropdown-menu sk-pseudo sk-pseudo-circle" id="160b824d--t-bar" style="width: 624px;">
+ <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="0">
+ <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-964 sk-text">鍏叡鍩虹绫�</view>
+ <view class="t-icon icon--t-icon menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
+ <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+ </view>
+ </view>
+ <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="1">
+ <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-856 sk-text">浜岀骇</view>
+ <view class="t-icon icon--t-icon menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
+ <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+ </view>
+ </view>
+ <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="2">
+ <view class="t-dropdown-menu__title menu--t-dropdown-menu__title sk-transparent sk-text-14-2857-539 sk-text">閲嶇偣椤圭洰</view>
+ <view class="t-icon icon--t-icon menu--t-dropdown-menu__icon menu--t-dropdown-menu__icon-- " style="true">
+ <label class="t-icon-caret-down-small icon--t-icon-caret-down-small t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+ </view>
+ </view>
+ <view class="t-dropdown-menu__item menu--t-dropdown-menu__item sk-button" data-index="3"></view>
+ </view>
+ </view>
+ </view>
+ <scroll-view class="list-container" lower-threshold="200" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80" scroll-into-view="true" scroll-y="true">
+ <view class="refresh-container">
+ <view class="loading">
+ <view class="wrapper t-loading loading--t-loading t-loading--horizontal loading--t-loading--horizontal" style="true">
+ <view class=" t-loading__spinner loading--t-loading__spinner t-loading__spinner--circular loading--t-loading__spinner--circular" style="width: 20px; height: 20px; animation-duration: 0.8s; animation-play-state: running;">
+ <view class="t-loading__circular loading--t-loading__circular sk-image"></view>
+ </view>
+ <view class="t-loading__text loading--t-loading__text t-loading__text--horizontal loading--t-loading__text--horizontal sk-transparent sk-text-20-0000-74 sk-text">姝ｅ湪鍒锋柊...</view>
+ </view>
+ </view>
+ </view>
+ <view class="assort-title" id="assort-title">
+ <view class="title-box"></view>
+ <view class="title-name sk-transparent sk-text-14-2857-2 sk-text">楂樼瓑鏁欒偛</view>
+ </view>
+ <view class="page-content">
+ <view class="book-list">
+ <view class="book-box" data-book="[object Object]">
+ <view class="book-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="book-name book-color sk-transparent sk-text-14-2857-794 sk-text">2024娴嬭瘯鍥句功-3.5</view>
+ <view class="book-author book-color"></view>
+ </view>
+ <view class="book-box" data-book="[object Object]">
+ <view class="book-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="book-name book-color sk-transparent sk-text-14-2857-123 sk-text">0锝�3宀佸┐骞煎効璁ょ煡涓庤瑷�鍙戝睍鍙婃暀鑲�</view>
+ <view class="book-author book-color sk-transparent sk-text-14-2857-460 sk-text">鏉庤惀 缂栬憲</view>
+ </view>
+ <view class="book-box" data-book="[object Object]">
+ <view class="book-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="book-name book-color sk-transparent sk-text-14-2857-528 sk-text">鐜颁唬姹夎鍩虹鐞嗚涓庡簲鐢�</view>
+ <view class="book-author book-color sk-transparent sk-text-14-2857-790 sk-text">鍒佹檹鏂�</view>
+ </view>
+ <view class="book-box" data-book="[object Object]">
+ <view class="book-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="book-name book-color sk-transparent sk-text-14-2857-263 sk-text">涓浗鍙や唬鏂囧鍚嶇瘒瀵艰涓浗鍙や唬鏂囧鍚嶇瘒瀵艰涓浗鍙や唬鏂囧鍚嶇瘒瀵艰</view>
+ <view class="book-author book-color sk-transparent sk-text-14-2857-995 sk-text">杩囧父瀹� 搴烽渿</view>
+ </view>
+ <view class="book-box" data-book="[object Object]">
+ <view class="book-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ </view>
+ <view class="book-box" data-book="[object Object]">
+ <view class="book-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ </view>
+ </view>
+ </view>
+ </scroll-view>
+ </view>
+ </page-meta>
+ </view>
+</template>
\ No newline at end of file
diff --git a/packageBookService/pages/bookServices/list/index.skeleton.wxss b/packageBookService/pages/bookServices/list/index.skeleton.wxss
new file mode 100644
index 0000000..0c65bd4
--- /dev/null
+++ b/packageBookService/pages/bookServices/list/index.skeleton.wxss
@@ -0,0 +1,110 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍2:29:18
+
+鍦� D:\WebData\project\2024\jsek-applet\packageBookService\pages\bookServices\list\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+ color: transparent !important;
+ }
+.sk-text-14-2857-964 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text {
+ background-origin: content-box !important;
+ background-clip: content-box !important;
+ background-color: transparent !important;
+ color: transparent !important;
+ background-repeat: repeat-y !important;
+ }
+.sk-text-14-2857-856 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-539 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-20-0000-74 {
+ background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
+ background-size: 100% 38.4615rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-2 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 43.0769rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-794 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-123 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-460 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 32.3077rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-528 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-790 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 32.3077rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-263 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-995 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 32.3077rpx;
+ position: relative !important;
+ }
+.sk-button {
+ color: #EFEFEF !important;
+ background: #EFEFEF !important;
+ border: none !important;
+ box-shadow: none !important;
+ }
+.sk-image {
+ background: #EFEFEF !important;
+ }
+.sk-pseudo::before, .sk-pseudo::after {
+ background: #EFEFEF !important;
+ background-image: none !important;
+ color: transparent !important;
+ border-color: transparent !important;
+ }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+ border-radius: 0 !important;
+ }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+ border-radius: 50% !important;
+ }
+.sk-container {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background-color: transparent;
+ }
diff --git a/packageBookService/pages/bookServices/list/index.wxml b/packageBookService/pages/bookServices/list/index.wxml
index d97dfb4..06d409f 100644
--- a/packageBookService/pages/bookServices/list/index.wxml
+++ b/packageBookService/pages/bookServices/list/index.wxml
@@ -1,22 +1,80 @@
<!-- 鍥句功鏈嶅姟-鍒楄〃 -->
-<page-meta page-style="{{showDropdown ? 'overflow: hidden;' : ''}}">
+
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
+
+<page-meta
+ page-style="{{showDropdown ? 'overflow: hidden;' : ''}}"
+ wx:if="{{!loading}}"
+>
<view style="width: 100%; height: {{barHeight}}px;"></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
<view>
- <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
+ <t-icon
+ name="chevron-left"
+ size="30"
+ data-name="{{item}}"
+ bind:click="goBack"
+ />
</view>
- <t-search model:value="{{searchValue}}" shape="round" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
+ <t-search
+ model:value="{{searchValue}}"
+ shape="round"
+ placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��"
+ class="navBar-search"
+ style="width: 464rpx"
+ bind:submit="searchBook"
+ />
</view>
<view class="bookServices-list">
<view class="list-header">
<view class="header-scroll">
<t-dropdown-menu style="width: 1200rpx">
- <t-dropdown-item disabled="{{disabledStair}}" optionsColumns="2" options="{{stairList.options}}" value="{{stairList.value}}" bindchange="onChangeStair" />
- <t-dropdown-item disabled="{{disabledSecondList}}" label="浜岀骇" bind:open="openDropdown" bind:close="closeDropdown" options="{{secondList.options}}" optionsColumns="2" multiple value="{{secondList.value}}" bind:confirm="onConfirmSecond" bind:change="onChangeSecond" />
- <t-dropdown-item label="閲嶇偣椤圭洰" disabled="{{disabledProject}}" options="{{majorProjectList.options}}" optionsColumns="2" multiple defaultValue="{{majorProjectList.value}}" bind:confirm="changeMajorProject" bind:reset="resetMajorProject" />
- <t-dropdown-item label="鏂板舰鎬佹暀鏉�" disabled="{{disabledNewForms}}" options="{{newTextBook.options}}" optionsColumns="2" multiple defaultValue="{{newTextBook.value}}" bind:confirm="changeNewText" bind:reset="resetNewText" />
- <t-dropdown-item options="{{sortList.options}}" value="{{sortList.value}}" bindchange="onSortChange" />
+ <t-dropdown-item
+ disabled="{{disabledStair}}"
+ optionsColumns="2"
+ options="{{stairList.options}}"
+ value="{{stairList.value}}"
+ bindchange="onChangeStair"
+ />
+ <t-dropdown-item
+ disabled="{{disabledSecondList}}"
+ label="浜岀骇"
+ bind:open="openDropdown"
+ bind:close="closeDropdown"
+ options="{{secondList.options}}"
+ optionsColumns="2"
+ multiple
+ value="{{secondList.value}}"
+ bind:confirm="onConfirmSecond"
+ bind:change="onChangeSecond"
+ />
+ <t-dropdown-item
+ label="閲嶇偣椤圭洰"
+ disabled="{{disabledProject}}"
+ options="{{majorProjectList.options}}"
+ optionsColumns="2"
+ multiple
+ defaultValue="{{majorProjectList.value}}"
+ bind:confirm="changeMajorProject"
+ bind:reset="resetMajorProject"
+ />
+ <t-dropdown-item
+ label="鏂板舰鎬佹暀鏉�"
+ disabled="{{disabledNewForms}}"
+ options="{{newTextBook.options}}"
+ optionsColumns="2"
+ multiple
+ defaultValue="{{newTextBook.value}}"
+ bind:confirm="changeNewText"
+ bind:reset="resetNewText"
+ />
+ <t-dropdown-item
+ options="{{sortList.options}}"
+ value="{{sortList.value}}"
+ bindchange="onSortChange"
+ />
</t-dropdown-menu>
</view>
<!-- <view class="header-sort">
@@ -25,10 +83,28 @@
</t-dropdown-menu>
</view> -->
</view>
- <scroll-view scroll-y="{{true}}" scroll-into-view="{{backTop}}" refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherrefresh="onPullDownRefresh" bindrefresherpulling="{{refresh.onPulling}}" class="list-container" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
+ <scroll-view
+ scroll-y="{{true}}"
+ scroll-into-view="{{backTop}}"
+ refresher-enabled="{{true}}"
+ lower-threshold="{{200}}"
+ refresher-threshold="{{80}}"
+ refresher-default-style="none"
+ refresher-triggered="{{triggered}}"
+ bindrefresherrefresh="onPullDownRefresh"
+ bindrefresherpulling="{{refresh.onPulling}}"
+ class="list-container"
+ bindrefresherrefresh="onPullDownRefresh"
+ bindscrolltolower="onReachBottom"
+ >
<view slot="refresher" class="refresh-container">
<view class="loading">
- <t-loading theme="circular" size="40rpx" text="姝ｅ湪鍒锋柊..." class="wrapper" />
+ <t-loading
+ theme="circular"
+ size="40rpx"
+ text="姝ｅ湪鍒锋柊..."
+ class="wrapper"
+ />
</view>
</view>
<view class="assort-title" id="assort-title">
@@ -37,9 +113,19 @@
</view>
<view class="page-content">
<view class="book-list" wx:if="{{!loaidng}}">
- <view class="book-box" wx:for="{{bookList}}" wx:key="id" bind:tap="goDetail" data-book="{{item}}">
+ <view
+ class="book-box"
+ wx:for="{{bookList}}"
+ wx:key="id"
+ bind:tap="goDetail"
+ data-book="{{item}}"
+ >
<view class="book-img">
- <image src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}" aria-label="{item.name{}}" mode="aspectFit" />
+ <image
+ src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}"
+ aria-label="{item.name{}}"
+ mode="aspectFit"
+ />
</view>
<view class="book-name book-color">{{ item.name}}</view>
<view class="book-author book-color">{{item.author}}</view>
@@ -48,15 +134,17 @@
<t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
</view>
</view>
- <!-- loading -->
- <view class="loading-box" wx:if="{{loaidng}}">
- <t-loading theme="circular" size="60rpx" class="wrapper" loading="{{loaidng}}" wx:if="{{loaidng}}" />
- </view>
</view>
<view class="bottom-box" wx:if="{{bookList.length}}">
- <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" loading="{{isMore}}" />
+ <t-loading
+ theme="circular"
+ size="40rpx"
+ class="wrapper"
+ wx:if="{{isMore == true}}"
+ loading="{{isMore}}"
+ />
<text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
</view>
</scroll-view>
</view>
-</page-meta>
\ No newline at end of file
+</page-meta>
diff --git a/packageBookService/pages/bookServices/list/index.wxss b/packageBookService/pages/bookServices/list/index.wxss
index b2464f3..02451f1 100644
--- a/packageBookService/pages/bookServices/list/index.wxss
+++ b/packageBookService/pages/bookServices/list/index.wxss
@@ -1,4 +1,5 @@
/* pages/bookServices/list/index.wxss */
+@import "./index.skeleton.wxss";
page {
background-color: #f7f7f7;
}
diff --git a/pages/bookServices/assort/index.skeleton.wxml b/pages/bookServices/assort/index.skeleton.wxml
new file mode 100644
index 0000000..e348b09
--- /dev/null
+++ b/pages/bookServices/assort/index.skeleton.wxml
@@ -0,0 +1,130 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍2:20:53
+浣跨敤鏂规硶锛�
+鍦� D:\WebData\project\2024\jsek-applet\pages\bookServices\assort\index.wxml 寮曞叆妯℃澘
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\WebData\project\2024\jsek-applet\pages\bookServices\assort\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+ <view class="sk-container">
+ <page-meta style="width: 100vw; overflow: hidden">
+ <view style="width: 100%; height: 47px; "></view>
+ <view class="nacigationBar" style="width: 100%; height: 40px;">
+ <view class="navbar-title sk-transparent sk-text-14-2857-436 sk-text" style="background-position-x: 50%;">鍥句功鏈嶅姟</view>
+ </view>
+ <view class="page-header">
+ <view class="search">
+ <view class=" t-search search--t-search " style="true">
+ <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--square search--t-search__input-box--square t-search__input-container">
+ <view class="wr icon--wr " style="color: #bbb; font-size: 20px;">
+ <label class="wr-search icon--wr-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+ </view>
+ <view class="t-input__keyword search--t-input__keyword t-search__input sk-image" name="input" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" placeholder-class="t-search__placeholder t-search__placeholder--normal" type="text" value="true"></view>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="page-container">
+ <view class="side-bar-wrapper">
+ <view class="tab-left">
+ <view class="t-side-bar bar--t-side-bar " style="true">
+ <view class="t-side-bar-item item--t-side-bar-item t-side-bar-item--active item--t-side-bar-item--active sk-transparent sk-button" style="true">
+ <view class="t-side-bar-item__line item--t-side-bar-item__line"></view>
+ <view class="t-side-bar-item__prefix item--t-side-bar-item__prefix sk-pseudo sk-pseudo-circle"></view>
+ <view class="t-side-bar-item__suffix item--t-side-bar-item__suffix sk-pseudo sk-pseudo-circle"></view>楂樼瓑鏁欒偛</view>
+ <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">鑱屼笟鏁欒偛</view>
+ <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">鏁欏笀鏁欒偛</view>
+ <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">灏戝効鏁欒偛</view>
+ <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">鑰冭瘯鍩硅</view>
+ <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">涓婚鍑虹増</view>
+ <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">瀛︽湳钁椾綔</view>
+ <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">澶т紬璇荤墿</view>
+ <view class="t-side-bar__padding bar--t-side-bar__padding"></view>
+ </view>
+ </view>
+ <view class="page-right">
+ <view class="side-bar-content">
+ <view class="tab-top">
+ <view class="myScroll">
+ <view class="row tab-active sk-transparent sk-text-14-2857-470 sk-text" data-tabdata="[object Object]">鍏叡鍩虹绫�</view>
+ <view class="row sk-transparent sk-text-14-2857-274 sk-text" data-tabdata="[object Object]">鍝插</view>
+ <view class="row sk-transparent sk-text-14-2857-868 sk-text" data-tabdata="[object Object]">娉曞</view>
+ <view class="row sk-transparent sk-text-14-2857-149 sk-text" data-tabdata="[object Object]">缁忔祹瀛�</view>
+ <view class="row sk-transparent sk-text-14-2857-66 sk-text" data-tabdata="[object Object]">绠＄悊瀛�</view>
+ </view>
+ </view>
+ <scroll-view class="class-list" scroll-into-view="list405" scroll-y="true">
+ <view class="class-box" id="list405">
+ <view class="class-name sk-transparent sk-text-14-2857-360 sk-text">鍏叡鍩虹绫�</view>
+ <view class="class-content">
+ <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
+ <view class="assort-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="classify sk-transparent sk-text-14-2857-787 sk-text">澶у璇枃绫�</view>
+ </view>
+ <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
+ <view class="assort-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="classify sk-transparent sk-text-14-2857-115 sk-text">楂樼瓑鏁板绫�</view>
+ </view>
+ <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
+ <view class="assort-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="classify sk-transparent sk-text-14-2857-469 sk-text">灏变笟銆佸垱鏂颁笌鍒涗笟绫�</view>
+ </view>
+ <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
+ <view class="assort-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="classify sk-transparent sk-text-14-2857-515 sk-text">搴旂敤鏂囧啓浣滅被</view>
+ </view>
+ <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
+ <view class="assort-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="classify sk-transparent sk-text-14-2857-824 sk-text">蹇冪悊鍋ュ悍鏁欒偛绫�</view>
+ </view>
+ <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
+ <view class="assort-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="classify sk-transparent sk-text-14-2857-988 sk-text">浣撹偛绫�</view>
+ </view>
+ <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
+ <view class="assort-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="classify sk-transparent sk-text-14-2857-89 sk-text">鐢熸动瑙勫垝绫�</view>
+ </view>
+ <view class="book-box" data-stair="[object Object]" data-tabdata="[object Object]">
+ <view class="assort-img">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="classify sk-transparent sk-text-14-2857-188 sk-text">鍏朵粬绫�</view>
+ </view>
+ </view>
+ </view>
+ <view class="class-box" id="list406">
+ <view class="class-name sk-transparent sk-text-14-2857-674 sk-text">鍝插</view>
+ </view>
+ </scroll-view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </page-meta>
+ </view>
+</template>
\ No newline at end of file
diff --git a/pages/bookServices/assort/index.skeleton.wxss b/pages/bookServices/assort/index.skeleton.wxss
new file mode 100644
index 0000000..28c15ef
--- /dev/null
+++ b/pages/bookServices/assort/index.skeleton.wxss
@@ -0,0 +1,130 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍2:20:53
+
+鍦� D:\WebData\project\2024\jsek-applet\pages\bookServices\assort\index.wxss 涓紩鍏ユ牱寮�
+```
+@import "./index.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+ color: transparent !important;
+ }
+.sk-text-14-2857-436 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 53.8462rpx;
+ position: relative !important;
+ }
+.sk-text {
+ background-origin: content-box !important;
+ background-clip: content-box !important;
+ background-color: transparent !important;
+ color: transparent !important;
+ background-repeat: repeat-y !important;
+ }
+.sk-text-14-2857-470 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-274 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-868 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-149 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-66 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-360 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 43.0769rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-787 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-115 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-469 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-515 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-824 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-988 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-89 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-188 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 37.6923rpx;
+ position: relative !important;
+ }
+.sk-text-14-2857-674 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 43.0769rpx;
+ position: relative !important;
+ }
+.sk-button {
+ color: #EFEFEF !important;
+ background: #EFEFEF !important;
+ border: none !important;
+ box-shadow: none !important;
+ }
+.sk-image {
+ background: #EFEFEF !important;
+ }
+.sk-pseudo::before, .sk-pseudo::after {
+ background: #EFEFEF !important;
+ background-image: none !important;
+ color: transparent !important;
+ border-color: transparent !important;
+ }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+ border-radius: 0 !important;
+ }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+ border-radius: 50% !important;
+ }
+.sk-container {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background-color: transparent;
+ }
diff --git a/pages/bookServices/assort/index.wxml b/pages/bookServices/assort/index.wxml
index 2e9aa3f..3741dfa 100644
--- a/pages/bookServices/assort/index.wxml
+++ b/pages/bookServices/assort/index.wxml
@@ -1,5 +1,8 @@
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{listLoding}}" />
+
<!--鍥句功鏈嶅姟鍒嗙被-->
-<page-meta style="width: 100vw; overflow: hidden">
+<page-meta style="width: 100vw; overflow: hidden" wx:if="{{!listLoding}}">
<view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 100%; height: {{navBarHeight}}px;">
<view class="navbar-title">鍥句功鏈嶅姟</view>
@@ -116,7 +119,7 @@
</scroll-view>
</view>
<!-- loading -->
- <view class="loading-box" wx:if="{{listLoding}}">
+ <!-- <view class="loading-box" wx:if="{{listLoding}}">
<t-loading
theme="circular"
size="60rpx"
@@ -124,10 +127,10 @@
loading="{{listLoding}}"
wx:if="{{listLoding}}"
/>
- </view>
+ </view> -->
</view>
</view>
- <view class="loading-box" wx:if="{{loading}}">
+ <!-- <view class="loading-box" wx:if="{{loading}}">
<t-loading
theme="circular"
size="60rpx"
@@ -135,6 +138,6 @@
loading="{{loading}}"
wx:if="{{loading}}"
/>
- </view>
+ </view> -->
</view>
</page-meta>
diff --git a/pages/bookServices/assort/index.wxss b/pages/bookServices/assort/index.wxss
index afa1650..98f6321 100644
--- a/pages/bookServices/assort/index.wxss
+++ b/pages/bookServices/assort/index.wxss
@@ -1,3 +1,5 @@
+@import "./index.skeleton.wxss";
+
page {
width: 100vw;
overflow: hidden;
--
Gitblit v1.9.1