各页面添加骨架屏

闫增涛

2024-04-11 78068d49c20a8b90db902d955f558af507eb8b96

 packageBookService/pages/bookServices/detail/components/relatedBooks/index.wxml

@@ -1,8 +1,29 @@
<!--packageBookService/pages/bookServices/detail/components/relatedBooks/index.wxml-->
<view class="reletedBooks">
  <!-- <view wx:for="{{relatedBookData}}" wx:key="id" class="book-box">
    <image src="{{item.icon}}" />
    <text>{{item.name}}</text>
  </view> -->
  相关图书
<view class="reletedBooks fl ">
  <view
    wx:for="{{relatedBookData}}"
    wx:key="id"
    class="book-box"
    wx:if="{{relatedBookData.length && !relatedBookLoading}}"
    bind:tap="goBookDetails"
    data-item="{{item}}"
  >
    <view class="book-image"
      ><image
        src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}"
        mode="aspectFit"
    /></view>
    <text class="book-name">{{item.name}}</text>
  </view>
  <view class="noData" wx:if="{{noRelatedBookData}}">
    <t-empty icon="folder-open" description="暂无数据" />
  </view>
  <view class="loading-box" wx:if="{{relatedBookLoading}}">
    <t-loading
      theme="circular"
      size="60rpx"
      class="loading"
      loading="{{relatedBookLoading}}"
    />
  </view>
</view>