From be4212081285227ee0f5eb080c2d4098a82c2ab9 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期四, 11 四月 2024 15:49:01 +0800 Subject: [PATCH] 样式,骨架屏 --- packageDomain/pages/sampleBookList/index.wxml | 19 +++++++++---------- 1 files changed, 9 insertions(+), 10 deletions(-) diff --git a/packageDomain/pages/sampleBookList/index.wxml b/packageDomain/pages/sampleBookList/index.wxml index 3f7724b..92f90a3 100644 --- a/packageDomain/pages/sampleBookList/index.wxml +++ b/packageDomain/pages/sampleBookList/index.wxml @@ -1,6 +1,6 @@ <!-- 鍥句功鏈嶅姟-鍒楄〃 --> <view clas="container"> - <view class="page-header"> + <view class="page-header" wx:if="{{!skeletonLoding}}"> <view style="width: 100%; height: {{barHeight}}px;"></view> <view class="nacigationBar" style="width: 100%; height: {{navBarHeight}}px;"> <view> @@ -30,7 +30,7 @@ </view> --> </view> </view> - <view class="bookServices-list"> + <view class="bookServices-list" wx:if="{{!skeletonLoding}}"> <view class="list-body"> <movable-area class="movable-area"> <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"> @@ -45,11 +45,11 @@ <image src="/static/images/home/yangshuliebiao.png" mode="aspectFit" class="iconImage" /> </view> </view> - <view class="book-list" wx:if="{{bookList.length > 0 && !skeletonLoding}}"> + <view class="book-list" wx:if="{{bookList.length > 0}}"> <view class="book-box" wx:for="{{bookList}}" wx:key="id"> <view class="book-img" bind:tap="goDetail" data-book="{{item}}"> - <t-image src="{{item.icon}}" width="105" height="145" aria-label="{{item.name}}" wx:if="{{item.icon}}" /> - <t-image src="/static/images/default-book-img.png" width="105" height="145" aria-label="{{item.name}}" wx:else /> + <image src="{{item.icon}}" aria-label="{{item.name}}" mode="aspectFit" wx:if="{{item.icon}}" /> + <image src="/static/images/default-book-img.png" aria-label="{{item.name}}" mode="aspectFit" wx:else /> </view> <view class="book-name book-color" bind:tap="goDetail" data-book="{{item}}">{{ item.name}}</view> <view class="book-author book-color">{{item.author}}</view> @@ -59,7 +59,7 @@ </view> </view> </view> - <view wx:if="{{bookList.length == 0 && !skeletonLoding}}" class="empyt"> + <view wx:if="{{bookList.length == 0}}" class="empyt"> <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> </view> <view class="bottom-loading" wx:if="{{bottomLoading}}"> @@ -67,9 +67,6 @@ </view> <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> <movable-view class="movable-view" :x="{{x}}" :y="{{y}}" direction="all"> @@ -85,4 +82,6 @@ </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 -- Gitblit v1.9.1