样式，骨架屏

litian

2024-04-11 be4212081285227ee0f5eb080c2d4098a82c2ab9

 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">
@@ -86,3 +83,5 @@
  <t-back-top theme="round" wx:if="{{isBackTop}}" text="顶部" bind:to-top="onToTop"></t-back-top>

</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />