From 5109e97cb566608e443201204d07cbfc1c734e07 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 11 四月 2024 17:56:02 +0800 Subject: [PATCH] Merge refs/remotes/origin/master into refs/heads/master --- pages/study/index.wxss | 2 packagePersonal/pages/sampleBooks/index.wxml | 9 packagePersonal/pages/activateProduct/index.wxss | 2 pages/study/index.wxml | 11 packagePersonal/pages/activateProduct/index.wxml | 13 pages/study/index.skeleton.wxss | 92 ++ pages/study/index.skeleton.wxml | 107 +++ packagePersonal/pages/myOrder/index.js | 1 packagePersonal/pages/feedBack/index.wxss | 3 packagePersonal/pages/feedBack/index.wxml | 13 packagePersonal/pages/myOrder/index.wxml | 15 packagePersonal/pages/myOrder/index.wxss | 2 packagePersonal/pages/feedBack/index.skeleton.wxml | 107 +++ packagePersonal/pages/downloads/index.wxss | 2 packageDomain/pages/sampleBookList/index.skeleton.wxml | 22 packagePersonal/pages/downloads/index.skeleton.wxml | 101 ++ packagePersonal/pages/downloads/index.wxml | 7 packagePersonal/pages/activateProduct/index.skeleton.wxss | 125 +++ packagePersonal/pages/downloads/index.skeleton.wxss | 132 +++ packagePersonal/pages/activateProduct/index.skeleton.wxml | 122 +++ packagePersonal/pages/sampleBooks/index.skeleton.wxss | 117 +++ packagePersonal/pages/myMassage/index.skeleton.wxml | 123 +++ packagePersonal/pages/sampleBooks/index.skeleton.wxml | 161 ++++ packagePersonal/pages/myMassage/index.skeleton.wxss | 137 +++ packagePersonal/pages/feedBack/index.skeleton.wxss | 107 +++ packagePersonal/pages/myCollection/index.skeleton.wxml | 113 +++ packagePersonal/pages/myCollection/index.wxml | 15 packagePersonal/pages/myCollection/index.skeleton.wxss | 102 ++ packagePersonal/pages/myCollection/index.wxss | 4 packagePersonal/pages/sampleBooks/index.wxss | 2 packagePersonal/pages/myMassage/index.wxml | 8 packagePersonal/pages/myOrder/index.skeleton.wxml | 129 +++ packagePersonal/pages/myMassage/index.wxss | 2 packagePersonal/pages/myOrder/index.skeleton.wxss | 139 +++ 34 files changed, 1,989 insertions(+), 58 deletions(-) diff --git a/packageDomain/pages/sampleBookList/index.skeleton.wxml b/packageDomain/pages/sampleBookList/index.skeleton.wxml index 82aab6f..1e41525 100644 --- a/packageDomain/pages/sampleBookList/index.skeleton.wxml +++ b/packageDomain/pages/sampleBookList/index.skeleton.wxml @@ -31,7 +31,7 @@ <view class="t-icon icon--t-icon search--t-icon " style="font-size: 24px;"> <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> </view> - <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view> + <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder- selection-end="-1" selection-start="-1" type="text" value="true"></view> </view> </view> </view> @@ -83,7 +83,7 @@ <view class="book-name book-color sk-transparent sk-text-14-2857-536 sk-text" data-book="[object Object]">鈥滀簰鑱旂綉+鈥濇枃鍖栧垱鎰忓垱涓�</view> <view class="book-author book-color sk-transparent sk-text-14-2857-282 sk-text">鍒樹腹</view> <view class="checkbox"> - <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " style="true" tabindex="0"> + <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " tabindex="0"> <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left "> <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view> </view> @@ -93,9 +93,9 @@ <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view> </view> </view> - <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " style="true" tabindex="0"> + <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0"> <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left t-checkbox__icon--checked checkbox--t-checkbox__icon--checked t-checkbox__icon--disabled checkbox--t-checkbox__icon--disabled "> - <view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper " style="true"> + <view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper "> <label class="t-icon-check-rectangle-filled icon--t-icon-check-rectangle-filled t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> </view> </view> @@ -114,7 +114,7 @@ <view class="book-name book-color sk-transparent sk-text-14-2857-156 sk-text" data-book="[object Object]">涓鐢熺墿瀛﹀疄楠屾暀瀛﹁锛堢3鐗堬級</view> <view class="book-author book-color sk-transparent sk-text-14-2857-975 sk-text">寰愪綔鑻�</view> <view class="checkbox"> - <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " style="true" tabindex="0"> + <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " tabindex="0"> <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left "> <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view> </view> @@ -124,7 +124,7 @@ <view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view> </view> </view> - <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block eBook " style="true" tabindex="0"> + <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0"> <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left t-checkbox__icon--disabled checkbox--t-checkbox__icon--disabled "> <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle t-checkbox__icon-rectangle--disabled checkbox--t-checkbox__icon-rectangle--disabled"></view> </view> @@ -143,7 +143,7 @@ <view class="book-name book-color sk-transparent sk-text-14-2857-79 sk-text" data-book="[object Object]">鐢靛瓙鏀垮姟锛堢3鐗堬級</view> <view class="book-author book-color sk-transparent sk-text-14-2857-886 sk-text">瀛欏畤</view> <view class="checkbox"> - <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " style="true" tabindex="0"> + <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " tabindex="0"> <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left "> <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view> </view> @@ -152,9 +152,9 @@ </view> </view> </view> - <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " style="true" tabindex="0"> + <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--checked checkbox--t-checkbox--checked t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0"> <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left t-checkbox__icon--checked checkbox--t-checkbox__icon--checked t-checkbox__icon--disabled checkbox--t-checkbox__icon--disabled "> - <view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper " style="true"> + <view class="t-icon icon--t-icon checkbox--t-checkbox__icon-wrapper "> <label class="t-icon-check-rectangle-filled icon--t-icon-check-rectangle-filled t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> </view> </view> @@ -172,7 +172,7 @@ <view class="book-name book-color sk-transparent sk-text-14-2857-673 sk-text" data-book="[object Object]">浼氳绛栧垝涓庣粍缁囷紙绗簩鐗堬級</view> <view class="book-author book-color sk-transparent sk-text-14-2857-499 sk-text">鍛ㄥ仴鍗�</view> <view class="checkbox"> - <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " style="true" tabindex="0"> + <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " tabindex="0"> <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left "> <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view> </view> @@ -181,7 +181,7 @@ </view> </view> </view> - <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block eBook " style="true" tabindex="0"> + <view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block eBook " tabindex="0"> <view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left "> <view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view> </view> diff --git a/packagePersonal/pages/activateProduct/index.skeleton.wxml b/packagePersonal/pages/activateProduct/index.skeleton.wxml new file mode 100644 index 0000000..c334ac1 --- /dev/null +++ b/packagePersonal/pages/activateProduct/index.skeleton.wxml @@ -0,0 +1,122 @@ +<!-- +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:27:57 +浣跨敤鏂规硶锛� +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\activateProduct\index.wxml 寮曞叆妯℃澘 + +``` +<import src="index.skeleton.wxml"/> +<template is="skeleton" wx:if="{{loading}}" /> +``` + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\activateProduct\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +--> +<template name="skeleton"> + <view class="sk-container"> + <view class="container"> + <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80" enable-back-to-top="true"> + <view class="pageInfo"> + <view class="activation"> + <view class="title"> + <view class="line"></view> + <view class="sk-transparent sk-text-20-3704-598 sk-text">婵�娲荤爜</view> + </view> + <view class="contentBox"> + <view class="inputBox"> + <view auto-focus="true" class="weui-input sk-image" name="code" placeholder="璇疯緭鍏ユ縺娲荤爜" value="true" selection-start="-1" selection-end="-1" cursor="-1"></view> + <button class="button sk-transparent sk-button sk-pseudo sk-pseudo-circle">婵�娲诲晢鍝�</button> + </view> + </view> + </view> + <view class="page-content"> + <view class="title"> + <view class="line"></view> + <view class="sk-transparent sk-text-20-3704-923 sk-text">宸叉縺娲诲晢鍝�</view> + </view> + <view class="contentBox"> + <view class="list"> + <view class="content-item"> + <view class="codeInfoBox"> + <view class="sk-transparent sk-text-25-0000-342 sk-text">婵�娲荤爜锛歏E61FJLB</view> + <view class="sk-transparent sk-text-25-0000-992 sk-text">婵�娲绘椂闂达細2024-03-06 11:15:14</view> + </view> + <view class="listBox"> + <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true"> + <view class="order-centent"> + <view class="bookBox" data-book="[object Object]"> + <view class="leftCon"> + <image class="purchasedIcon sk-image" mode="aspectFit"></image> + </view> + <view class="rightCon"> + <view class="productTitle sk-transparent sk-text-18-1818-451 sk-text">涓浗鐜板綋浠f枃瀛﹀彶绠�鏄庢暀绋�</view> + <view class="typeBox"> + <text class="typeCon sk-transparent sk-text-30-0000-790 sk-text">鐢靛瓙涔�</text> + </view> + </view> + </view> + <view class="bookBox" data-book="[object Object]"> + <view class="leftCon"> + <image class="purchasedIcon sk-image" mode="aspectFit"></image> + </view> + <view class="rightCon"> + <view class="productTitle sk-transparent sk-text-18-1818-80 sk-text">涓浗鐜颁唬浣滃浣滃搧瀵煎紩</view> + <view class="typeBox"> + <text class="typeCon sk-transparent sk-text-30-0000-48 sk-text">鐢靛瓙涔�</text> + </view> + </view> + </view> + <view class="bookBox" data-book="[object Object]"> + <view class="leftCon"> + <image class="purchasedIcon sk-image" mode="aspectFit"></image> + </view> + <view class="rightCon"> + <view class="productTitle sk-transparent sk-text-18-1818-447 sk-text">涓浗鍙や唬鏂囧鍚嶇瘒瀵艰涓浗鍙や唬鏂囧鍚嶇瘒瀵艰涓浗鍙や唬鏂囧鍚嶇瘒瀵艰</view> + <view class="typeBox"> + <text class="typeCon sk-transparent sk-text-30-0000-536 sk-text">鐢靛瓙涔�</text> + </view> + </view> + </view> + <view class="bookBox" data-book="[object Object]"> + <view class="leftCon"> + <image class="purchasedIcon sk-image" mode="aspectFit"></image> + </view> + <view class="rightCon"> + <view class="productTitle sk-transparent sk-text-18-1818-738 sk-text">鐜颁唬姹夎鍩虹鐞嗚涓庡簲鐢�</view> + <view class="typeBox"> + <text class="typeCon sk-transparent sk-text-30-0000-420 sk-text">鐢靛瓙涔�</text> + </view> + </view> + </view> + </view> + </scroll-view> + </view> + </view> + <view class="content-item"> + <view class="codeInfoBox"> + <view class="sk-transparent sk-text-25-0000-159 sk-text">婵�娲荤爜锛歅X2W88HM</view> + <view class="sk-transparent sk-text-25-0000-417 sk-text">婵�娲绘椂闂达細2024-03-06 10:28:32</view> + </view> + <view class="listBox"> + <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true"> + <view class="order-centent"> + <view class="bookBox" data-book="[object Object]"> + <view class="leftCon"> + <image class="purchasedIcon sk-image" mode="aspectFit"></image> + </view> + </view> + </view> + </scroll-view> + </view> + </view> + </view> + </view> + </view> + </view> + </scroll-view> + </view> + </view> +</template> \ No newline at end of file diff --git a/packagePersonal/pages/activateProduct/index.skeleton.wxss b/packagePersonal/pages/activateProduct/index.skeleton.wxss new file mode 100644 index 0000000..141177f --- /dev/null +++ b/packagePersonal/pages/activateProduct/index.skeleton.wxss @@ -0,0 +1,125 @@ +/* +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:27:57 + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\activateProduct\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +*/ +.sk-transparent { + color: transparent !important; + } +.sk-text-20-0000-8 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + 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-20-3704-598 { + background-image: linear-gradient(transparent 20.3704%, #EEEEEE 0%, #EEEEEE 79.6296%, transparent 0%) !important; + background-size: 100% 54.0000rpx; + position: relative !important; + } +.sk-text-20-3704-923 { + background-image: linear-gradient(transparent 20.3704%, #EEEEEE 0%, #EEEEEE 79.6296%, transparent 0%) !important; + background-size: 100% 54.0000rpx; + position: relative !important; + } +.sk-text-25-0000-342 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-25-0000-992 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-18-1818-451 { + background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-30-0000-790 { + background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important; + background-size: 100% 60.0000rpx; + position: relative !important; + } +.sk-text-18-1818-80 { + background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-30-0000-48 { + background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important; + background-size: 100% 60.0000rpx; + position: relative !important; + } +.sk-text-18-1818-447 { + background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-30-0000-536 { + background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important; + background-size: 100% 60.0000rpx; + position: relative !important; + } +.sk-text-18-1818-738 { + background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-30-0000-420 { + background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important; + background-size: 100% 60.0000rpx; + position: relative !important; + } +.sk-text-25-0000-159 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-25-0000-417 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.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/packagePersonal/pages/activateProduct/index.wxml b/packagePersonal/pages/activateProduct/index.wxml index 3aab0ef..f1903b5 100644 --- a/packagePersonal/pages/activateProduct/index.wxml +++ b/packagePersonal/pages/activateProduct/index.wxml @@ -5,7 +5,7 @@ <t-loading theme="circular" size="40rpx" text="姝e湪鍒锋柊..." class="wrapper" /> </view> </view> - <view class="pageInfo"> + <view class="pageInfo" wx:if="{{!skeletonLoding}}"> <view class="activation"> <view class="title"> <view class="line"></view> @@ -25,7 +25,7 @@ </view> <view class="contentBox"> - <view class="list" wx:if="{{list.length > 0 && !skeletonLoding}}"> + <view class="list" wx:if="{{list.length > 0}}"> <view class="content-item" wx:for="{{list}}" wx:for-item="items" wx:for-index="index" wx:key="index"> <view class="codeInfoBox"> <view>婵�娲荤爜锛歿{items.code}}</view> @@ -53,7 +53,7 @@ </view> </view> </view> - <view wx:if="{{list.length == 0 && !skeletonLoding}}" class="empyt"> + <view wx:if="{{list.length == 0}}" class="empyt"> <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> </view> <view class="bottom-loading" wx:if="{{bottomLoading}}"> @@ -62,11 +62,10 @@ <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}"> <text>娌℃湁鏇村浜�</text> </view> - <view class="body-loading" wx:if="{{skeletonLoding}}"> - <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." class="wrapper" /> - </view> </view> </view> </view> </scroll-view> -</view> \ No newline at end of file +</view> +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{skeletonLoding}}" /> \ No newline at end of file diff --git a/packagePersonal/pages/activateProduct/index.wxss b/packagePersonal/pages/activateProduct/index.wxss index 9ec1c11..ec23a5a 100644 --- a/packagePersonal/pages/activateProduct/index.wxss +++ b/packagePersonal/pages/activateProduct/index.wxss @@ -1,3 +1,5 @@ +@import "./index.skeleton.wxss"; + page { background: #F2F3F8; } diff --git a/packagePersonal/pages/downloads/index.skeleton.wxml b/packagePersonal/pages/downloads/index.skeleton.wxml new file mode 100644 index 0000000..98cd1d5 --- /dev/null +++ b/packagePersonal/pages/downloads/index.skeleton.wxml @@ -0,0 +1,101 @@ +<!-- +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:51:56 +浣跨敤鏂规硶锛� +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\downloads\index.wxml 寮曞叆妯℃澘 + +``` +<import src="index.skeleton.wxml"/> +<template is="skeleton" wx:if="{{loading}}" /> +``` + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\downloads\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +--> +<template name="skeleton"> + <view class="sk-container"> + <view class="container"> + <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80" enable-back-to-top="true"> + <view class="pageInfo"> + <view class="content-item"> + <view class="item-con" data-book="[object Object]"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="d0ca79bc--image" mode="aspectFill" style="true"></image> + </view> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-13-6364-11 sk-text">涓浗鍙や唬鏂囧鍚嶇瘒瀵艰</view> + <view class="createDate sk-transparent sk-text-24-0741-779 sk-text">鐢宠鏃堕棿锛�2024-03-05 14:56:36</view> + <view class="createDate sk-transparent sk-text-24-0741-649 sk-text">瀹℃牳鏃堕棿锛�2024-03-05 14:56:54</view> + </view> + </view> + <view class="stateBox"> + <text class="success sk-transparent sk-text-26-6667-407 sk-text" style="background-position-x: 100%;">宸查�氳繃</text> + </view> + </view> + <view class="content-item"> + <view class="item-con" data-book="[object Object]"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="35cbf7fe--image" mode="aspectFill" style="true"></image> + </view> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-13-6364-572 sk-text">涓浗鍙や唬鏂囧鍚嶇瘒瀵艰</view> + <view class="createDate sk-transparent sk-text-24-0741-862 sk-text">鐢宠鏃堕棿锛�2024-03-05 14:56:28</view> + </view> + </view> + <view class="stateBox"> + <text class="wait sk-transparent sk-text-26-6667-685 sk-text" style="background-position-x: 100%;">瀹℃牳涓�</text> + </view> + </view> + <view class="content-item"> + <view class="item-con" data-book="[object Object]"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="a7ba0f7e--image" mode="aspectFill" style="true"></image> + </view> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-13-6364-290 sk-text">涓浗鍙や唬鏂囧鍚嶇瘒瀵艰</view> + <view class="createDate reason sk-transparent sk-text-18-1818-617 sk-text">鍘熷洜: 鎾掓棪鎾�</view> + <view class="createDate sk-transparent sk-text-24-0741-112 sk-text">瀹℃牳鏃堕棿锛�2024-03-05 14:02:08</view> + </view> + </view> + <view class="stateBox"> + <text class="reject sk-transparent sk-text-26-6667-861 sk-text" style="background-position-x: 100%;">鏈�氳繃</text> + </view> + </view> + <view class="content-item"> + <view class="item-con" data-book="[object Object]"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="947392fc--image" mode="aspectFill" style="true"></image> + </view> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-13-6364-473 sk-text">涓浗鍙や唬鏂囧鍚嶇瘒瀵艰</view> + <view class="createDate reason sk-transparent sk-text-18-1818-795 sk-text">鍘熷洜: 闃夸笁澶ц嫃鎵�</view> + <view class="createDate sk-transparent sk-text-24-0741-676 sk-text">瀹℃牳鏃堕棿锛�2024-03-05 14:02:11</view> + </view> + </view> + <view class="stateBox"> + <text class="reject sk-transparent sk-text-26-6667-689 sk-text" style="background-position-x: 100%;">鏈�氳繃</text> + </view> + </view> + <view class="content-item"> + <view class="item-con" data-book="[object Object]"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="86139ece--image" mode="aspectFill" style="true"></image> + </view> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-13-6364-706 sk-text">涓浗鍙や唬鏂囧鍚嶇瘒瀵艰</view> + <view class="createDate reason sk-transparent sk-text-18-1818-184 sk-text">鍘熷洜: 闃夸笁澶ц嫃鎵�</view> + <view class="createDate sk-transparent sk-text-24-0741-728 sk-text">瀹℃牳鏃堕棿锛�2024-03-05 14:01:34</view> + </view> + </view> + <view class="stateBox"> + <text class="reject sk-transparent sk-text-26-6667-750 sk-text" style="background-position-x: 100%;">鏈�氳繃</text> + </view> + </view> + </view> + </scroll-view> + </view> + </view> +</template> \ No newline at end of file diff --git a/packagePersonal/pages/downloads/index.skeleton.wxss b/packagePersonal/pages/downloads/index.skeleton.wxss new file mode 100644 index 0000000..37530e8 --- /dev/null +++ b/packagePersonal/pages/downloads/index.skeleton.wxss @@ -0,0 +1,132 @@ +/* +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:51:56 + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\downloads\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +*/ +.sk-transparent { + color: transparent !important; + } +.sk-text-20-0000-121 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + 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-13-6364-11 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-24-0741-779 { + background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important; + background-size: 100% 54.0000rpx; + position: relative !important; + } +.sk-text-24-0741-649 { + background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important; + background-size: 100% 54.0000rpx; + position: relative !important; + } +.sk-text-26-6667-407 { + background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important; + background-size: 100% 60.0000rpx; + position: relative !important; + } +.sk-text-13-6364-572 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-24-0741-862 { + background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important; + background-size: 100% 54.0000rpx; + position: relative !important; + } +.sk-text-26-6667-685 { + background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important; + background-size: 100% 60.0000rpx; + position: relative !important; + } +.sk-text-13-6364-290 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-18-1818-617 { + background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-24-0741-112 { + background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important; + background-size: 100% 54.0000rpx; + position: relative !important; + } +.sk-text-26-6667-861 { + background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important; + background-size: 100% 60.0000rpx; + position: relative !important; + } +.sk-text-13-6364-473 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-18-1818-795 { + background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-24-0741-676 { + background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important; + background-size: 100% 54.0000rpx; + position: relative !important; + } +.sk-text-26-6667-689 { + background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important; + background-size: 100% 60.0000rpx; + position: relative !important; + } +.sk-text-13-6364-706 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-18-1818-184 { + background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-24-0741-728 { + background-image: linear-gradient(transparent 24.0741%, #EEEEEE 0%, #EEEEEE 75.9259%, transparent 0%) !important; + background-size: 100% 54.0000rpx; + position: relative !important; + } +.sk-text-26-6667-750 { + background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important; + background-size: 100% 60.0000rpx; + position: relative !important; + } +.sk-image { + background: #EFEFEF !important; + } +.sk-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background-color: transparent; + } diff --git a/packagePersonal/pages/downloads/index.wxml b/packagePersonal/pages/downloads/index.wxml index 66804a1..072da11 100644 --- a/packagePersonal/pages/downloads/index.wxml +++ b/packagePersonal/pages/downloads/index.wxml @@ -35,9 +35,8 @@ <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}"> <text>娌℃湁鏇村浜�</text> </view> - <view class="body-loading" wx:if="{{skeletonLoding}}"> - <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." class="wrapper" /> - </view> </scroll-view> <t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> -</view> \ No newline at end of file +</view> +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{skeletonLoding}}" /> \ No newline at end of file diff --git a/packagePersonal/pages/downloads/index.wxss b/packagePersonal/pages/downloads/index.wxss index 5e60f8e..e32f9bc 100644 --- a/packagePersonal/pages/downloads/index.wxss +++ b/packagePersonal/pages/downloads/index.wxss @@ -1,4 +1,6 @@ /* pages/personalCenter/downloads/index.wxss */ +@import "./index.skeleton.wxss"; + .container { width: 100vw; height: 100vh; diff --git a/packagePersonal/pages/feedBack/index.skeleton.wxml b/packagePersonal/pages/feedBack/index.skeleton.wxml new file mode 100644 index 0000000..f3ca582 --- /dev/null +++ b/packagePersonal/pages/feedBack/index.skeleton.wxml @@ -0,0 +1,107 @@ +<!-- +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:57:20 +浣跨敤鏂规硶锛� +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\feedBack\index.wxml 寮曞叆妯℃澘 + +``` +<import src="index.skeleton.wxml"/> +<template is="skeleton" wx:if="{{loading}}" /> +``` + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\feedBack\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +--> +<template name="skeleton"> + <view class="sk-container"> + <view class="container"> + <view class="page-header"> + <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top t-tabs" style="true"> + <view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top"> + <view class="t-sticky__content sticky--t-sticky__content "> + <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line"> + <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top" scroll-left="0" scroll-x="true"> + <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top"> + <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 " 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 sk-text-14-2857-792 sk-text">鍥句功寤鸿</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="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 sk-text-14-2857-797 sk-text">鎰忚鍙嶉</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 " style="true"> + <view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="e632772d--t_tabs_47_panel_0"></view> + <view class=" t-tab-panel panel--t-tab-panel" id="bee42e13--t_tabs_47_panel_1"></view> + </view> + </view> + </view> + <view class="con-bg"></view> + </view> + <view class="pageInfo"> + <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80"> + <view class="list"> + <view class="listBox"> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="718a0230--image" mode="aspectFill"></image> + </view> + <view class="item-con"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-32-5000-151 sk-text">鍒涗笟鍩虹</view> + </view> + <view class="name sk-transparent sk-text-31-4286-963 sk-text">寤鸿锛氬浘涔︿俊鎭�</view> + <view class="feedBack sk-transparent sk-text-14-2857-600 sk-text">鍙嶉锛�-</view> + </view> + </view> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="de6ccdce--image" mode="aspectFill"></image> + </view> + <view class="item-con"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-32-5000-53 sk-text">鍒涗笟鍩虹</view> + </view> + <view class="name sk-transparent sk-text-31-4286-187 sk-text">寤鸿锛�</view> + <view class="feedBack sk-transparent sk-text-14-2857-312 sk-text">鍙嶉锛�-</view> + </view> + </view> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="0c434f6b--image" mode="aspectFill"></image> + </view> + <view class="item-con"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-32-5000-808 sk-text">涓浗鍙や唬鏂囧鍚嶇瘒瀵艰涓浗鍙や唬鏂囧鍚嶇瘒瀵艰涓浗鍙や唬鏂囧鍚嶇瘒瀵艰</view> + </view> + <view class="name sk-transparent sk-text-31-4286-376 sk-text">寤鸿锛�</view> + <view class="feedBack sk-transparent sk-text-14-2857-228 sk-text">鍙嶉锛�-</view> + </view> + </view> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="f6fc8c05--image" mode="aspectFill"></image> + </view> + <view class="item-con"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-32-5000-454 sk-text">涓浗鍙や唬鏂囧鍚嶇瘒瀵艰涓浗鍙や唬鏂囧鍚嶇瘒瀵艰涓浗鍙や唬鏂囧鍚嶇瘒瀵艰</view> + </view> + <view class="name sk-transparent sk-text-31-4286-781 sk-text">寤鸿锛氬搱鍝堝搱</view> + <view class="feedBack sk-transparent sk-text-14-2857-234 sk-text">鍙嶉锛�-</view> + </view> + </view> + <view class="content-item"></view> + </view> + </view> + </scroll-view> + </view> + </view> + </view> +</template> \ No newline at end of file diff --git a/packagePersonal/pages/feedBack/index.skeleton.wxss b/packagePersonal/pages/feedBack/index.skeleton.wxss new file mode 100644 index 0000000..64df143 --- /dev/null +++ b/packagePersonal/pages/feedBack/index.skeleton.wxss @@ -0,0 +1,107 @@ +/* +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:57:20 + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\feedBack\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +*/ +.sk-transparent { + color: transparent !important; + } +.sk-text-14-2857-792 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 44.8000rpx; + 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-797 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-20-0000-770 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-32-5000-151 { + background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important; + background-size: 100% 80.0000rpx; + position: relative !important; + } +.sk-text-31-4286-963 { + background-image: linear-gradient(transparent 31.4286%, #EEEEEE 0%, #EEEEEE 68.5714%, transparent 0%) !important; + background-size: 100% 70.0000rpx; + position: relative !important; + } +.sk-text-14-2857-600 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 36.4000rpx; + position: relative !important; + } +.sk-text-32-5000-53 { + background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important; + background-size: 100% 80.0000rpx; + position: relative !important; + } +.sk-text-31-4286-187 { + background-image: linear-gradient(transparent 31.4286%, #EEEEEE 0%, #EEEEEE 68.5714%, transparent 0%) !important; + background-size: 100% 70.0000rpx; + position: relative !important; + } +.sk-text-14-2857-312 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 36.4000rpx; + position: relative !important; + } +.sk-text-32-5000-808 { + background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important; + background-size: 100% 80.0000rpx; + position: relative !important; + } +.sk-text-31-4286-376 { + background-image: linear-gradient(transparent 31.4286%, #EEEEEE 0%, #EEEEEE 68.5714%, transparent 0%) !important; + background-size: 100% 70.0000rpx; + position: relative !important; + } +.sk-text-14-2857-228 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 36.4000rpx; + position: relative !important; + } +.sk-text-32-5000-454 { + background-image: linear-gradient(transparent 32.5000%, #EEEEEE 0%, #EEEEEE 67.5000%, transparent 0%) !important; + background-size: 100% 80.0000rpx; + position: relative !important; + } +.sk-text-31-4286-781 { + background-image: linear-gradient(transparent 31.4286%, #EEEEEE 0%, #EEEEEE 68.5714%, transparent 0%) !important; + background-size: 100% 70.0000rpx; + position: relative !important; + } +.sk-text-14-2857-234 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 36.4000rpx; + position: relative !important; + } +.sk-image { + background: #EFEFEF !important; + } +.sk-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background-color: transparent; + } diff --git a/packagePersonal/pages/feedBack/index.wxml b/packagePersonal/pages/feedBack/index.wxml index 0c8222d..5729f13 100644 --- a/packagePersonal/pages/feedBack/index.wxml +++ b/packagePersonal/pages/feedBack/index.wxml @@ -1,12 +1,12 @@ <view class="container"> - <view class="page-header"> + <view class="page-header" wx:if="{{!skeletonLoding}}"> <t-tabs t-class="t-tabs" split="{{false}}" defaultValue="{{active}}" bind:change="tabBookClick"> <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.label}}" value="{{index}}"> </t-tab-panel> </t-tabs> <view class="con-bg"></view> </view> - <view class="pageInfo"> + <view class="pageInfo" wx:if="{{!skeletonLoding}}"> <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom"> <view slot="refresher" class="refresh-container"> <view class="loading"> @@ -17,7 +17,7 @@ <view wx:if="{{activeName == 'bookOpinion'}}" class="listBox"> <view class="content-item" wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"> <view class="icon"> - <t-image src="{{item.content.icon}}" mode="aspectFill" class="img" /> + <image src="{{item.content.icon ? item.content.icon : '/static/images/default-book-img.png'}}" mode="aspectFill" class="img" /> </view> <view class="item-con"> <view class="titleBox"> @@ -50,9 +50,6 @@ <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}"> <text>娌℃湁鏇村浜�</text> </view> - <view class="body-loading" wx:if="{{skeletonLoding}}"> - <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." class="wrapper" /> - </view> </scroll-view> </view> @@ -63,4 +60,6 @@ </view> </view> <t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> -</view> \ No newline at end of file +</view> +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{skeletonLoding}}" /> \ No newline at end of file diff --git a/packagePersonal/pages/feedBack/index.wxss b/packagePersonal/pages/feedBack/index.wxss index c9f47e4..bf223b8 100644 --- a/packagePersonal/pages/feedBack/index.wxss +++ b/packagePersonal/pages/feedBack/index.wxss @@ -1,3 +1,5 @@ +@import "./index.skeleton.wxss"; + page { background-color: #f0f2f5 !important; } @@ -101,6 +103,7 @@ .listBox .icon { width: 150rpx; height: 200rpx; + box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.08); } .listBox .icon .img { diff --git a/packagePersonal/pages/myCollection/index.skeleton.wxml b/packagePersonal/pages/myCollection/index.skeleton.wxml new file mode 100644 index 0000000..d412b3b --- /dev/null +++ b/packagePersonal/pages/myCollection/index.skeleton.wxml @@ -0,0 +1,113 @@ +<!-- +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:37:09 +浣跨敤鏂规硶锛� +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\myCollection\index.wxml 寮曞叆妯℃澘 + +``` +<import src="index.skeleton.wxml"/> +<template is="skeleton" wx:if="{{loading}}" /> +``` + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\myCollection\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +--> +<template name="skeleton"> + <view class="sk-container"> + <view class="container"> + <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top t-tabs" style="true"> + <view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top"> + <view class="t-sticky__content sticky--t-sticky__content "> + <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line"> + <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top" scroll-left="0" scroll-x="true"> + <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top"> + <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 " 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 sk-text-14-2857-950 sk-text">鍥句功</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="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 sk-text-14-2857-737 sk-text">璇剧▼</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 " style="true"> + <view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="2a85e143--t_tabs_9_panel_0"></view> + <view class=" t-tab-panel panel--t-tab-panel" id="ab8e51bc--t_tabs_9_panel_1"></view> + </view> + </view> + </view> + <view class="pageInfo"> + <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80"> + <view class="list"> + <view class="listBox"> + <view class="content-item"> + <view class="icon" data-book="[object Object]"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="77043a69--image" mode="aspectFit" style="true"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-13-6364-323 sk-text">瑙嗗惉璇达細缇庡浗缁忓吀鐢靛奖</view> + <view class="author sk-transparent sk-text--3-3333-829 sk-text"> 鍚曟槬濯氾紝鍒樼繑锛屽父淇婅穬</view> + </view> + </view> + <view class="content-item"> + <view class="icon" data-book="[object Object]"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="a5eac79b--image" mode="aspectFit" style="true"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-13-6364-933 sk-text">绠$悊瀛�</view> + <view class="author sk-transparent sk-text--3-3333-421 sk-text">鐜嬫枃鍛�</view> + </view> + + </view> + <view class="content-item"> + <view class="icon" data-book="[object Object]"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="c51ea35f--image" mode="aspectFit" style="true"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-13-6364-569 sk-text">鍒涗笟鍩虹</view> + <view class="author sk-transparent sk-text--3-3333-555 sk-text">鏉庡鍗� 涓荤紪</view> + </view> + </view> + <view class="content-item"> + <view class="icon" data-book="[object Object]"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="1e186f15--image" mode="aspectFit" style="true"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-13-6364-186 sk-text">椋熷搧瀹夊叏姒傝</view> + <view class="author sk-transparent sk-text--3-3333-889 sk-text">浠诲獩濯� 閮濆缓闆� 鐜嬩簯宄�</view> + </view> + + </view> + <view class="content-item"> + <view class="icon" data-book="[object Object]"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9e1f32b8--image" mode="aspectFit" style="true"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-13-6364-323 sk-text">楂樼瓑鏁板锛堜笂鍐岋級</view> + <view class="author sk-transparent sk-text--3-3333-729 sk-text">褰弸鑺� 闄嗕竾鏄� 鏂囨竻鑺�</view> + </view> + + </view> + <view class="content-item"> + <view class="icon" data-book="[object Object]"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="e274ffdd--image" mode="aspectFit" style="true"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-13-6364-996 sk-text">C++璇█绋嬪簭璁捐C++璇█绋嬪簭璁捐C++璇█绋嬪簭璁捐C++璇█绋嬪簭璁捐</view> + <view class="author sk-transparent sk-text--3-3333-392 sk-text">寰愬瓭鍑�</view> + </view> + + </view> + </view> + </view> + </scroll-view> + </view> + </view> + </view> +</template> \ No newline at end of file diff --git a/packagePersonal/pages/myCollection/index.skeleton.wxss b/packagePersonal/pages/myCollection/index.skeleton.wxss new file mode 100644 index 0000000..60c10c6 --- /dev/null +++ b/packagePersonal/pages/myCollection/index.skeleton.wxss @@ -0,0 +1,102 @@ +/* +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:37:09 + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\myCollection\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +*/ +.sk-transparent { + color: transparent !important; + } +.sk-text-14-2857-950 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 44.8000rpx; + 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-737 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-20-0000-452 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-13-6364-323 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text--3-3333-829 { + background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important; + background-size: 100% 30.0000rpx; + position: relative !important; + } +.sk-text-13-6364-933 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text--3-3333-421 { + background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important; + background-size: 100% 30.0000rpx; + position: relative !important; + } +.sk-text-13-6364-569 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text--3-3333-555 { + background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important; + background-size: 100% 30.0000rpx; + position: relative !important; + } +.sk-text-13-6364-186 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text--3-3333-889 { + background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important; + background-size: 100% 30.0000rpx; + position: relative !important; + } +.sk-text--3-3333-729 { + background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important; + background-size: 100% 30.0000rpx; + position: relative !important; + } +.sk-text-13-6364-996 { + background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text--3-3333-392 { + background-image: linear-gradient(transparent -3.3333%, #EEEEEE 0%, #EEEEEE 103.3333%, transparent 0%) !important; + background-size: 100% 30.0000rpx; + position: relative !important; + } +.sk-image { + background: #EFEFEF !important; + } +.sk-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background-color: transparent; + } diff --git a/packagePersonal/pages/myCollection/index.wxml b/packagePersonal/pages/myCollection/index.wxml index 2e9424d..f63f347 100644 --- a/packagePersonal/pages/myCollection/index.wxml +++ b/packagePersonal/pages/myCollection/index.wxml @@ -1,8 +1,8 @@ <view class="container"> - <t-tabs t-class="t-tabs" defaultValue="{{active}}" split="{{false}}" bind:change="tabBookClick"> + <t-tabs t-class="t-tabs" defaultValue="{{active}}" split="{{false}}" bind:change="tabBookClick" wx:if="{{!skeletonLoding}}"> <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.label}}" value="{{index}}" /> </t-tabs> - <view class="pageInfo"> + <view class="pageInfo" wx:if="{{!skeletonLoding}}"> <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom"> <view slot="refresher" class="refresh-container"> <view class="loading"> @@ -13,8 +13,8 @@ <view wx:if="{{activeName == 'FavoriteBookCity'}}" class="listBox"> <view class="content-item" wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"> <view class="icon" data-book="{{item}}" bindtap="goBookDetails"> - <t-image src="{{item.icon}}" mode="aspectFit" class="img" wx:if="{{item.icon}}" /> - <t-image src="/static/images/default-book-img.png" mode="aspectFit" class="img" wx:else /> + <image src="{{item.icon}}" mode="aspectFit" class="img" wx:if="{{item.icon}}" /> + <image src="/static/images/default-book-img.png" mode="aspectFit" class="img" wx:else /> </view> <view class="body-info" data-book="{{item}}" bindtap="goBookDetails"> <view class="name">{{item.name}}</view> @@ -44,11 +44,10 @@ <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}"> <text>娌℃湁鏇村浜�</text> </view> - <view class="body-loading" wx:if="{{skeletonLoding}}"> - <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." class="wrapper" /> - </view> </scroll-view> </view> <t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> -</view> \ No newline at end of file +</view> +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{skeletonLoding}}" /> \ No newline at end of file diff --git a/packagePersonal/pages/myCollection/index.wxss b/packagePersonal/pages/myCollection/index.wxss index a5221ec..43577d3 100644 --- a/packagePersonal/pages/myCollection/index.wxss +++ b/packagePersonal/pages/myCollection/index.wxss @@ -1,3 +1,5 @@ +@import "./index.skeleton.wxss"; + page { background-color: #F2F3F8; } @@ -102,7 +104,7 @@ box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.16); } -.content-item .icon .t-image { +.content-item .icon .img { width: 100%; height: 100%; object-fit: contain; diff --git a/packagePersonal/pages/myMassage/index.skeleton.wxml b/packagePersonal/pages/myMassage/index.skeleton.wxml new file mode 100644 index 0000000..7ad5731 --- /dev/null +++ b/packagePersonal/pages/myMassage/index.skeleton.wxml @@ -0,0 +1,123 @@ +<!-- +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:56:05 +浣跨敤鏂规硶锛� +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\myMassage\index.wxml 寮曞叆妯℃澘 + +``` +<import src="index.skeleton.wxml"/> +<template is="skeleton" wx:if="{{loading}}" /> +``` + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\myMassage\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +--> +<template name="skeleton"> + <view class="sk-container"> + <view class="container"> + <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80" enable-back-to-top="true"> + <view class="pageInfo"> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="f5ff662e--image" mode="heightFix" style="width: 29px;"></image> + </view> + <view class="item-con" data-info="[object Object]"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-10-0000-538 sk-text">澶х粍娲诲姩</view> + <view class="createDate sk-transparent sk-text-14-2857-389 sk-text">2024-04-03 11:25</view> + </view> + <view class="description sk-transparent sk-text-20-0000-58 sk-text"> + 璧剁揣鏉ュ惂锛� + </view> + </view> + </view> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="2046dabe--image" mode="heightFix" style="width: 29px;"></image> + </view> + <view class="item-con" data-info="[object Object]"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-10-0000-844 sk-text">澶ц嫃鎵�</view> + <view class="createDate sk-transparent sk-text-14-2857-608 sk-text">2024-03-19 17:05</view> + </view> + <view class="description sk-transparent sk-text-20-0000-385 sk-text"> + 鎻忚堪 + </view> + </view> + </view> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="c605ef02--image" mode="heightFix" style="width: 29px;"></image> + </view> + <view class="item-con" data-info="[object Object]"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-10-0000-307 sk-text">浣犵寽</view> + <view class="createDate sk-transparent sk-text-14-2857-269 sk-text">2024-03-19 17:04</view> + </view> + <view class="description sk-transparent sk-text-20-0000-793 sk-text"> + 鎻忚堪 + </view> + </view> + </view> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="047032f1--image" mode="heightFix" style="width: 29px;"></image> + </view> + <view class="item-con" data-info="[object Object]"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-10-0000-477 sk-text">澶т績娲诲姩锛侊紒锛�</view> + <view class="createDate sk-transparent sk-text-14-2857-359 sk-text">2024-03-19 15:43</view> + </view> + <view class="description sk-transparent sk-text-20-0000-342 sk-text"> + 寰楃憻寰楃憻椤堕《椤堕《 + </view> + </view> + </view> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="58af6a7c--image" mode="heightFix" style="width: 29px;"></image> + </view> + <view class="item-con" data-info="[object Object]"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-10-0000-682 sk-text">濡囧コ鑺傚埌鍟︺�婏紒锛侊紒銆�</view> + <view class="createDate sk-transparent sk-text-14-2857-156 sk-text">2024-03-04 15:17</view> + </view> + <view class="description sk-transparent sk-text-20-0000-596 sk-text"> + 鎴戞槸鎻忚堪 + </view> + </view> + </view> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="63576988--image" mode="heightFix" style="width: 29px;"></image> + </view> + <view class="item-con" data-info="[object Object]"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-10-0000-196 sk-text">鏂版槬绁濈</view> + <view class="createDate sk-transparent sk-text-14-2857-747 sk-text">2024-01-25 11:32</view> + </view> + <view class="description sk-transparent"></view> + </view> + </view> + <view class="content-item"> + <view class="icon"> + <image class="img t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="3bb25df0--image" mode="heightFix" style="width: 29px;"></image> + </view> + <view class="item-con" data-info="[object Object]"> + <view class="titleBox"> + <view class="item-title sk-transparent sk-text-10-0000-91 sk-text">鍦h癁鑺�</view> + <view class="createDate sk-transparent sk-text-14-2857-554 sk-text">2023-12-21 10:10</view> + </view> + <view class="description sk-transparent sk-text-20-0000-97 sk-text"> + 涓�璧锋潵杩囪妭鍚э紒 + </view> + </view> + </view> + </view> + </scroll-view> + </view> + </view> +</template> \ No newline at end of file diff --git a/packagePersonal/pages/myMassage/index.skeleton.wxss b/packagePersonal/pages/myMassage/index.skeleton.wxss new file mode 100644 index 0000000..2f818b7 --- /dev/null +++ b/packagePersonal/pages/myMassage/index.skeleton.wxss @@ -0,0 +1,137 @@ +/* +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:56:05 + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\myMassage\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +*/ +.sk-transparent { + color: transparent !important; + } +.sk-text-20-0000-124 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + 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-10-0000-538 { + background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-14-2857-389 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 33.6000rpx; + position: relative !important; + } +.sk-text-20-0000-58 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-10-0000-844 { + background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-14-2857-608 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 33.6000rpx; + position: relative !important; + } +.sk-text-20-0000-385 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-10-0000-307 { + background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-14-2857-269 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 33.6000rpx; + position: relative !important; + } +.sk-text-20-0000-793 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-10-0000-477 { + background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-14-2857-359 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 33.6000rpx; + position: relative !important; + } +.sk-text-20-0000-342 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-10-0000-682 { + background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-14-2857-156 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 33.6000rpx; + position: relative !important; + } +.sk-text-20-0000-596 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-10-0000-196 { + background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-14-2857-747 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 33.6000rpx; + position: relative !important; + } +.sk-text-10-0000-91 { + background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-14-2857-554 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 33.6000rpx; + position: relative !important; + } +.sk-text-20-0000-97 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-image { + background: #EFEFEF !important; + } +.sk-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background-color: transparent; + } diff --git a/packagePersonal/pages/myMassage/index.wxml b/packagePersonal/pages/myMassage/index.wxml index fc0ab8e..d928682 100644 --- a/packagePersonal/pages/myMassage/index.wxml +++ b/packagePersonal/pages/myMassage/index.wxml @@ -30,9 +30,9 @@ <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}"> <text>娌℃湁鏇村浜�</text> </view> - <view class="body-loading" wx:if="{{skeletonLoding}}"> - <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." class="wrapper" /> - </view> </scroll-view> <t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> -</view> \ No newline at end of file +</view> + +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{skeletonLoding}}" /> \ No newline at end of file diff --git a/packagePersonal/pages/myMassage/index.wxss b/packagePersonal/pages/myMassage/index.wxss index 50098f9..388d1e2 100644 --- a/packagePersonal/pages/myMassage/index.wxss +++ b/packagePersonal/pages/myMassage/index.wxss @@ -1,3 +1,5 @@ +@import "./index.skeleton.wxss"; + .container { width: 100vw; height: 100vh; diff --git a/packagePersonal/pages/myOrder/index.js b/packagePersonal/pages/myOrder/index.js index 276d59e..b7013e2 100644 --- a/packagePersonal/pages/myOrder/index.js +++ b/packagePersonal/pages/myOrder/index.js @@ -80,7 +80,6 @@ getDataList(isReachBottom) { var searchArr = []; - console.log(this.data.searchText, "earch") if (this.data.searchText != undefined && this.data.searchText != "") { searchArr.push({ compareType: "Contains", diff --git a/packagePersonal/pages/myOrder/index.skeleton.wxml b/packagePersonal/pages/myOrder/index.skeleton.wxml new file mode 100644 index 0000000..a8336be --- /dev/null +++ b/packagePersonal/pages/myOrder/index.skeleton.wxml @@ -0,0 +1,129 @@ +<!-- +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:16:10 +浣跨敤鏂规硶锛� +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\myOrder\index.wxml 寮曞叆妯℃澘 + +``` +<import src="index.skeleton.wxml"/> +<template is="skeleton" wx:if="{{loading}}" /> +``` + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\myOrder\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +--> +<template name="skeleton"> + <view class="sk-container"> + <view class="container"> + <view class="page-header"> + <view class="search"> + <view class="navBar-search t-search search--t-search " style="width: 90%;"> + <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--round search--t-search__input-box--round "> + <view class="t-icon icon--t-icon search--t-icon " style="font-size: 24px;"> + <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label> + </view> + <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="璇疯緭鍏ヨ鍗曠紪鍙�" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view> + </view> + </view> + </view> + <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top t-tabs"> + <view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top"> + <view class="t-sticky__content sticky--t-sticky__content "> + <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line"> + <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top" scroll-left="0" scroll-x="true"> + <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top"> + <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 " 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 sk-text-14-2857-424 sk-text">鍏ㄩ儴</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="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 sk-text-14-2857-270 sk-text">寰呮敮浠�</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2"> + <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-819 sk-text">宸插畬鎴�</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="3"> + <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-395 sk-text">宸插彇娑�</view> + </view> + </view> + </scroll-view> + </view> + </view> + </view> + </view> + </view> + <view class="pageInfo"> + <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80"> + <view class="list"> + <view class="content-item"> + <view class="order-cent"> + <text class="order-cent-one sk-transparent sk-text-14-2857-448 sk-text">璁㈠崟鍙�: 301844350202404011817042</text> + <text class="right cancal sk-transparent sk-text-14-2857-336 sk-text">宸插彇娑�</text> + </view> + <view class="order-centent"> + <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true"> + <view class="bookBox flex" data-book="[object Object]" data-remarks="鐢靛瓙涔�"> + <view class="leftCon fl"> + <image class="purchasedIcon sk-image" mode="aspectFit"></image> + </view> + <view class="rightCon"> + <view class="productTitle sk-transparent sk-text-10-5263-480 sk-text">C++璇█绋嬪簭璁捐</view> + <view class="top"> + <text class="typeBox sk-transparent sk-text-14-2857-439 sk-text">鍥句功鏈嶅姟-鐢靛瓙涔�</text> + </view> + </view> + </view> + </scroll-view> + <view class="count"> + <text class="sk-transparent sk-text-14-2857-155 sk-text">锟�53.80</text> + </view> + </view> + <view class="order-top"> + <view class="button-bottem sk-transparent">鎬昏锛� + <text class="price sk-transparent sk-text-14-2857-44 sk-text">锟�53.80</text> + </view> + </view> + </view> + <view class="content-item"> + <view class="order-cent"> + <text class="order-cent-one sk-transparent sk-text-14-2857-654 sk-text">璁㈠崟鍙�: 301844350202404011757292</text> + <text class="right cancal sk-transparent sk-text-14-2857-109 sk-text">宸插彇娑�</text> + </view> + <view class="order-centent"> + <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true"> + <view class="bookBox flex" data-book="[object Object]" data-remarks="鐢靛瓙涔�"> + <view class="leftCon fl"> + <image class="purchasedIcon sk-image" mode="aspectFit"></image> + </view> + <view class="rightCon"> + <view class="productTitle sk-transparent sk-text-10-5263-517 sk-text">鏁版嵁搴撳師鐞嗕笌搴旂敤鎶�鏈�</view> + <view class="top"> + <text class="typeBox sk-transparent sk-text-14-2857-633 sk-text">鍥句功鏈嶅姟-鐢靛瓙涔�</text> + </view> + </view> + </view> + </scroll-view> + <view class="count"> + <text class="sk-transparent sk-text-14-2857-5 sk-text">锟�59.90</text> + </view> + </view> + <view class="order-top"> + <view class="button-bottem sk-transparent">鎬昏锛� + <text class="price sk-transparent sk-text-14-2857-807 sk-text">锟�59.90</text> + </view> + </view> + </view> + <view class="content-item"> + <view class="order-cent"> + <text class="order-cent-one sk-transparent sk-text-14-2857-837 sk-text">璁㈠崟鍙�: 301844350202403281603315</text> + <text class="right cancal sk-transparent sk-text-14-2857-983 sk-text">宸插彇娑�</text> + </view> + </view> + </view> + </scroll-view> + </view> + </view> + </view> +</template> \ No newline at end of file diff --git a/packagePersonal/pages/myOrder/index.skeleton.wxss b/packagePersonal/pages/myOrder/index.skeleton.wxss new file mode 100644 index 0000000..e000274 --- /dev/null +++ b/packagePersonal/pages/myOrder/index.skeleton.wxss @@ -0,0 +1,139 @@ +/* +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:16:10 + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\myOrder\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +*/ +.sk-transparent { + color: transparent !important; + } +.sk-text-14-2857-424 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 42.0000rpx; + 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-270 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-819 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-395 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-20-0000-183 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-14-2857-448 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-336 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-10-5263-480 { + background-image: linear-gradient(transparent 10.5263%, #EEEEEE 0%, #EEEEEE 89.4737%, transparent 0%) !important; + background-size: 100% 38.0000rpx; + position: relative !important; + } +.sk-text-14-2857-439 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 33.6000rpx; + position: relative !important; + } +.sk-text-14-2857-155 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-44 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-654 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-109 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-10-5263-517 { + background-image: linear-gradient(transparent 10.5263%, #EEEEEE 0%, #EEEEEE 89.4737%, transparent 0%) !important; + background-size: 100% 38.0000rpx; + position: relative !important; + } +.sk-text-14-2857-633 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 33.6000rpx; + position: relative !important; + } +.sk-text-14-2857-5 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-807 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-837 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-983 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !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/packagePersonal/pages/myOrder/index.wxml b/packagePersonal/pages/myOrder/index.wxml index fa854fd..61fed49 100644 --- a/packagePersonal/pages/myOrder/index.wxml +++ b/packagePersonal/pages/myOrder/index.wxml @@ -1,5 +1,5 @@ <view class="container"> - <view class="page-header"> + <view class="page-header" wx:if="{{!skeletonLoding}}"> <view class="search"> <t-search model:value="{{searchText}}" shape="round" clearable="{{false}}" placeholder="璇疯緭鍏ヨ鍗曠紪鍙�" class="navBar-search" style="width: 90%" bind:submit="onSearchOrder" /> </view> @@ -7,14 +7,14 @@ <t-tab-panel wx:for="{{tabList}}" wx:for-index="index" wx:key="index" label="{{item.label}}" value="{{index}}" /> </t-tabs> </view> - <view class="pageInfo"> + <view class="pageInfo" wx:if="{{!skeletonLoding}}"> <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom"> <view slot="refresher" class="refresh-container"> <view class="loading"> <t-loading theme="circular" size="40rpx" text="姝e湪鍒锋柊..." class="wrapper" /> </view> </view> - <view class="list" wx:if="{{list.length > 0 && !skeletonLoding}}"> + <view class="list" wx:if="{{list.length > 0}}"> <view class="content-item" wx:for="{{list}}" wx:for-item="items" wx:for-index="index" wx:key="index"> <view class="order-cent"> <text class="order-cent-one">璁㈠崟鍙�: {{items.orderNumber}}</text> @@ -58,7 +58,7 @@ </view> </view> </view> - <view wx:if="{{list.length == 0 && !skeletonLoding}}" class="empyt"> + <view wx:if="{{list.length == 0}}" class="empyt"> <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> </view> <view class="bottom-loading" wx:if="{{bottomLoading}}"> @@ -67,10 +67,9 @@ <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}"> <text>娌℃湁鏇村浜�</text> </view> - <view class="body-loading" wx:if="{{skeletonLoding }}"> - <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." class="wrapper" /> - </view> </scroll-view> </view> </view> -<t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> \ No newline at end of file +<t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{skeletonLoding}}" /> \ No newline at end of file diff --git a/packagePersonal/pages/myOrder/index.wxss b/packagePersonal/pages/myOrder/index.wxss index 889d5c5..2e10784 100644 --- a/packagePersonal/pages/myOrder/index.wxss +++ b/packagePersonal/pages/myOrder/index.wxss @@ -1,3 +1,5 @@ +@import "./index.skeleton.wxss"; + .container { width: 100vw; height: 100vh; diff --git a/packagePersonal/pages/sampleBooks/index.skeleton.wxml b/packagePersonal/pages/sampleBooks/index.skeleton.wxml new file mode 100644 index 0000000..8d15e3d --- /dev/null +++ b/packagePersonal/pages/sampleBooks/index.skeleton.wxml @@ -0,0 +1,161 @@ +<!-- +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:53:19 +浣跨敤鏂规硶锛� +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\sampleBooks\index.wxml 寮曞叆妯℃澘 + +``` +<import src="index.skeleton.wxml"/> +<template is="skeleton" wx:if="{{loading}}" /> +``` + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\sampleBooks\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +--> +<template name="skeleton"> + <view class="sk-container"> + <view class="container"> + <view class="page-header"> + <view class="tabOne"> + <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top t-tabs" style="true"> + <view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;"> + <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;"> + <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line"> + <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top" 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 " 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 sk-text-14-2857-997 sk-text">绾歌川鏍蜂功</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="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 sk-text-14-2857-843 sk-text">鐢靛瓙鏍蜂功</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 " style="true"> + <view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="af48d1db--t_tabs_29_panel_0"></view> + <view class=" t-tab-panel panel--t-tab-panel" id="975c2cdd--t_tabs_29_panel_1"></view> + </view> + </view> + </view> + </view> + <view class="tabTwo"> + <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top custom-tabs" style="true"> + <view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top"> + <view class="t-sticky__content sticky--t-sticky__content "> + <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line"> + <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top" 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 " 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 sk-text-14-2857-614 sk-text">鍏ㄩ儴</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="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 sk-text-14-2857-437 sk-text">瀹℃牳涓�</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2"> + <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-449 sk-text">宸查�氳繃</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="3"> + <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-693 sk-text">鏈�氳繃</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 " style="true"> + <view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="73156096--t_tabs_30_panel_0"></view> + <view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="f4c54565--t_tabs_30_panel_1"></view> + <view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="cf470e91--t_tabs_30_panel_2"></view> + <view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="ebd53fa0--t_tabs_30_panel_3"></view> + </view> + </view> + </view> + </view> + </view> + <view class="pageInfo"> + <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80"> + <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-242 sk-text" style="background-position-x: 50%;">姝e湪鍒锋柊...</view> + </view> + </view> + </view> + <view class="list"> + <view class="content-item"> + <view class="codeInfoBox"> + <view class="top"> + <view class="stateBox sk-transparent">鐘舵�侊細 + <text class="success sk-transparent sk-text-25-0000-403 sk-text">宸查�氳繃</text> + </view> + <view class="sk-transparent sk-text-25-0000-613 sk-text">鐢宠鏃ユ湡锛�2024-04-02</view> + </view> + <view class="down"> + <view class="mailInfo"> + <text class="mailNum sk-transparent sk-text-25-0000-11 sk-text">蹇�掑崟鍙凤細sf1234567892024040212365</text> + <text class="mailName sk-transparent sk-text-25-0000-820 sk-text">蹇�掑叕鍙革細椤轰赴閫熼��</text> + </view> + </view> + </view> + <view class="listBox"> + <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true"> + <view class="order-centent"> + <view class="bookBox" data-book="[object Object]"> + <view class="leftCon"> + <image class="purchasedIcon sk-image" mode="aspectFit"></image> + </view> + <view class="rightCon"> + <view class="productTitle sk-transparent sk-text-18-1818-457 sk-text">鎰熸偀姹夎</view> + </view> + </view> + </view> + </scroll-view> + </view> + </view> + <view class="content-item"> + <view class="codeInfoBox"> + <view class="top"> + <view class="stateBox sk-transparent">鐘舵�侊細 + <text class="success sk-transparent sk-text-25-0000-110 sk-text">宸查�氳繃</text> + </view> + <view class="sk-transparent sk-text-25-0000-55 sk-text">鐢宠鏃ユ湡锛�2024-03-05</view> + </view> + <view class="down"> + <view class="mailInfo"> + <text class="mailNum sk-transparent sk-text-25-0000-996 sk-text">蹇�掑崟鍙凤細zt101102024030501101235469874102365</text> + <text class="mailName sk-transparent sk-text-25-0000-592 sk-text">蹇�掑叕鍙革細涓��</text> + </view> + </view> + </view> + <view class="listBox"> + <scroll-view scroll-x="true" class="srcolbox" scroll-with-animation="true"> + <view class="order-centent"> + <view class="bookBox" data-book="[object Object]"> + <view class="leftCon"> + <image class="purchasedIcon sk-image" mode="aspectFit"></image> + </view> + <view class="rightCon"> + <view class="productTitle sk-transparent sk-text-18-1818-369 sk-text">绠$悊瀛�</view> + </view> + </view> + </view> + </scroll-view> + </view> + </view> + </view> + </scroll-view> + </view> + </view> + </view> +</template> \ No newline at end of file diff --git a/packagePersonal/pages/sampleBooks/index.skeleton.wxss b/packagePersonal/pages/sampleBooks/index.skeleton.wxss new file mode 100644 index 0000000..d0bd3dd --- /dev/null +++ b/packagePersonal/pages/sampleBooks/index.skeleton.wxss @@ -0,0 +1,117 @@ +/* +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:53:19 + +鍦� F:\project-2024\jsek-applet\packagePersonal\pages\sampleBooks\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +*/ +.sk-transparent { + color: transparent !important; + } +.sk-text-14-2857-997 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 44.8000rpx; + 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-843 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-614 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 42.0000rpx; + position: relative !important; + } +.sk-text-14-2857-437 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-449 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-693 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-20-0000-242 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-25-0000-403 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-25-0000-613 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-25-0000-11 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-25-0000-820 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-18-1818-457 { + background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-text-25-0000-110 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-25-0000-55 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-25-0000-996 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-25-0000-592 { + background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-18-1818-369 { + background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important; + background-size: 100% 44.0000rpx; + position: relative !important; + } +.sk-image { + background: #EFEFEF !important; + } +.sk-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background-color: transparent; + } diff --git a/packagePersonal/pages/sampleBooks/index.wxml b/packagePersonal/pages/sampleBooks/index.wxml index a42852e..3cfaca9 100644 --- a/packagePersonal/pages/sampleBooks/index.wxml +++ b/packagePersonal/pages/sampleBooks/index.wxml @@ -1,5 +1,5 @@ <view class="container"> - <view class="page-header"> + <view class="page-header" wx:if="{{!skeletonLoding}}"> <view class="tabOne"> <t-tabs t-class="t-tabs" value="{{active}}" split="{{false}}" bind:change="tabClick"> <t-tab-panel label="绾歌川鏍蜂功" value="0" /> @@ -12,7 +12,7 @@ </t-tabs> </view> </view> - <view class="pageInfo"> + <view class="pageInfo" wx:if="{{!skeletonLoding}}"> <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom"> <view slot="refresher" class="refresh-container"> <view class="loading"> @@ -73,4 +73,7 @@ </scroll-view> </view> </view> -<t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> \ No newline at end of file +<t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> + +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{skeletonLoding}}" /> \ No newline at end of file diff --git a/packagePersonal/pages/sampleBooks/index.wxss b/packagePersonal/pages/sampleBooks/index.wxss index 876adf5..438100a 100644 --- a/packagePersonal/pages/sampleBooks/index.wxss +++ b/packagePersonal/pages/sampleBooks/index.wxss @@ -1,4 +1,6 @@ /* pages/personalCenter/sampleBooks/index.wxss */ +@import "./index.skeleton.wxss"; + page { background-color: #F2F3F8; } diff --git a/pages/study/index.skeleton.wxml b/pages/study/index.skeleton.wxml new file mode 100644 index 0000000..5069657 --- /dev/null +++ b/pages/study/index.skeleton.wxml @@ -0,0 +1,107 @@ +<!-- +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:59:52 +浣跨敤鏂规硶锛� +鍦� F:\project-2024\jsek-applet\pages\study\index.wxml 寮曞叆妯℃澘 + +``` +<import src="index.skeleton.wxml"/> +<template is="skeleton" wx:if="{{loading}}" /> +``` + +鍦� F:\project-2024\jsek-applet\pages\study\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +--> +<template name="skeleton"> + <view class="sk-container"> + <view class="container"> + <view class="top-content"> + <view class="boxStyle"> + <view class="box-item"> + <view class="sk-transparent sk-text-26-7857-800 sk-text" style="background-position-x: 50%;">绱瀛︿範鏃堕暱</view> + <view class="result"> + <text class="num sk-transparent sk-text-17-8571-590 sk-text" style="background-position-x: 50%;">98灏忔椂</text> + </view> + </view> + <view class="box-item"> + <view class="sk-transparent sk-text-26-7857-651 sk-text" style="background-position-x: 50%;">涓婁竴娆$櫥闄嗘椂闂�</view> + <view class="result sk-transparent sk-text-26-7857-516 sk-text" style="background-position-x: 50%;">2024-04-11 16:27:43</view> + </view> + </view> + </view> + <view class="tabOne"> + <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top t-tabs" style="true"> + <view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top"> + <view class="t-sticky__content sticky--t-sticky__content "> + <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line"> + <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top" scroll-left="0" scroll-x="true"> + <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top"> + <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 " 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 sk-text-14-2857-661 sk-text">鍥句功锛�9鏈級</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 sk-text-14-2857-28 sk-text">璇剧▼锛�0闂級</view> + </view> + <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2"> + <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-45 sk-text">鏁板瓧鏁欐潗锛�0鏈級</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 " style="true"> + <view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="261aebf2--t_tabs_67_panel_0"></view> + <view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="17cdba08--t_tabs_67_panel_1"></view> + <view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="87ab2d6c--t_tabs_67_panel_2"></view> + </view> + </view> + </view> + </view> + <view class="pageInfo"> + <scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80"> + <view class="list"> + <view class="listBox"> + <view class="content-item"> + <view class="book-img" data-book="[object Object]"> + <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="6b3a064b--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-12-5000-205 sk-text">瑙嗗惉璇达細缇庡浗缁忓吀鐢靛奖</view> + </view> + </view> + <view class="content-item"> + <view class="book-img" data-book="[object Object]"> + <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9a526f46--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-12-5000-856 sk-text">涓浗鐜板綋浠f枃瀛﹀彶绠�鏄庢暀绋�</view> + </view> + </view> + <view class="content-item"> + <view class="book-img" data-book="[object Object]"> + <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="27619772--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-12-5000-289 sk-text">涓浗鐜颁唬浣滃浣滃搧瀵煎紩</view> + </view> + </view> + <view class="content-item"> + <view class="book-img" data-book="[object Object]"> + <image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="101ef44d--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image> + </view> + <view class="body-info" data-book="[object Object]"> + <view class="name sk-transparent sk-text-12-5000-528 sk-text">鐜颁唬姹夎鍩虹鐞嗚涓庡簲鐢�</view> + </view> + </view> + </view> + </view> + </scroll-view> + </view> + </view> + </view> +</template> \ No newline at end of file diff --git a/pages/study/index.skeleton.wxss b/pages/study/index.skeleton.wxss new file mode 100644 index 0000000..7028d5e --- /dev/null +++ b/pages/study/index.skeleton.wxss @@ -0,0 +1,92 @@ +/* +姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/4/11涓嬪崍4:59:52 + +鍦� F:\project-2024\jsek-applet\pages\study\index.wxss 涓紩鍏ユ牱寮� +``` +@import "./index.skeleton.wxss"; +``` + +鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗o細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html +*/ +.sk-transparent { + color: transparent !important; + } +.sk-text-26-7857-800 { + background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + 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-17-8571-590 { + background-image: linear-gradient(transparent 17.8571%, #EEEEEE 0%, #EEEEEE 82.1429%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-26-7857-651 { + background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-26-7857-516 { + background-image: linear-gradient(transparent 26.7857%, #EEEEEE 0%, #EEEEEE 73.2143%, transparent 0%) !important; + background-size: 100% 56.0000rpx; + position: relative !important; + } +.sk-text-14-2857-661 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 44.8000rpx; + position: relative !important; + } +.sk-text-14-2857-28 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-14-2857-45 { + background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important; + background-size: 100% 39.2000rpx; + position: relative !important; + } +.sk-text-20-0000-652 { + background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-12-5000-205 { + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-12-5000-856 { + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-12-5000-289 { + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-text-12-5000-528 { + background-image: linear-gradient(transparent 12.5000%, #EEEEEE 0%, #EEEEEE 87.5000%, transparent 0%) !important; + background-size: 100% 40.0000rpx; + position: relative !important; + } +.sk-image { + background: #EFEFEF !important; + } +.sk-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background-color: transparent; + } diff --git a/pages/study/index.wxml b/pages/study/index.wxml index fdd6118..7b6bce7 100644 --- a/pages/study/index.wxml +++ b/pages/study/index.wxml @@ -1,5 +1,5 @@ <view class="container"> - <view class="top-content"> + <view class="top-content" wx:if="{{!skeletonLoding}}"> <view class="boxStyle"> <view class="box-item"> <view>绱瀛︿範鏃堕暱</view> @@ -11,14 +11,14 @@ </view> </view> </view> - <view class="tabOne"> + <view class="tabOne" wx:if="{{!skeletonLoding}}"> <t-tabs t-class="t-tabs" value="{{active}}" split="{{false}}" bind:change="tabClick"> <t-tab-panel label="{{titleBook}}" value="0" class="{{active == '2' ? 'oneBorder' : ''}}" /> <t-tab-panel label="{{titleCourse}}" value="1" /> <t-tab-panel label="{{titleTextBook}}" value="2" /> </t-tabs> </view> - <view class="pageInfo"> + <view class="pageInfo" wx:if="{{!skeletonLoding}}"> <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom"> <view slot="refresher" class="refresh-container"> <view class="loading"> @@ -60,4 +60,7 @@ </scroll-view> </view> -</view> \ No newline at end of file +</view> + +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{skeletonLoding}}" /> \ No newline at end of file diff --git a/pages/study/index.wxss b/pages/study/index.wxss index b597950..4d8c9d3 100644 --- a/pages/study/index.wxss +++ b/pages/study/index.wxss @@ -1,3 +1,5 @@ +@import "./index.skeleton.wxss"; + page { background-color: #F2F3F8; } -- Gitblit v1.9.1