样式，骨架屏

litian

2024-04-11 be4212081285227ee0f5eb080c2d4098a82c2ab9

 pages/home/home.wxml

@@ -1,5 +1,5 @@
<view class="container">
  <t-pull-down-refresh value="{{baseRefresh.value}}" loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}" bind:refresh="onPullDownRefresh" bind:scroll="onScroll">
  <t-pull-down-refresh value="{{baseRefresh.value}}" loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}" bind:refresh="onPullDownRefresh" bind:scroll="onScroll" wx:if="{{!loading}}">
    <view class="background {{ isWhite ? 'white':''}}" style="padding-top: {{barHeight}}px">
      <text class="text">京师E课</text>
    </view>
@@ -13,7 +13,14 @@
        </t-search>
      </view>
      <view class="swiper-wrap">
        <t-swiper wx:if="{{bannerList.length > 0}}" list="{{bannerList}}" autoplay="{{autoplay}}" duration="{{duration}}" interval="{{interval}}" navigation="{{navigation}}" bind:click="navToActivityDetail" />
        <!-- <t-swiper wx:if="{{bannerList.length > 0}}" list="{{bannerList}}" autoplay="{{autoplay}}" duration="{{duration}}" interval="{{interval}}" navigation="{{ { type: 'dots' } }}" height="380rpx" bind:click="navToActivityDetail" /> -->
        <swiper interval="5000" indicator-dots="true" autoplay="true" circular="true" class="swiper">
          <swiper-item wx:for="{{bannerList}}" wx:for-index="index" wx:key="index" data-info="{{item}}" bindtap="navToActivityDetail">
            <view class="swiperItem">
              <image src="{{item.value}}" mode="widthFix" class="img" />
            </view>
          </swiper-item>
        </swiper>
      </view>
    </view>
    <view class="home-page-menu">
@@ -69,12 +76,12 @@
        <view class="listBox1">
          <view wx:if="{{courseList.length>0}}">
            <view wx:for="{{courseList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox">
              <view class="listItem flex" data-book="{{item}}" bindtap="goCourseDetail">
                <view class="specialSubject-img">
              <view class="listItem flex">
                <view class="specialSubject-img" data-book="{{item}}" bindtap="goCourseDetail">
                  <image src="{{item.icon}}" mode="aspectFill" class="img" />
                </view>
                <view class="body-info">
                  <view class="name">{{item.name}}</view>
                  <view class="name" data-book="{{item}}" bindtap="goCourseDetail">{{item.name}}</view>
                  <view class="flex jc-sb">
                    <text class="author">{{item.courseLeader}}</text>
                    <text class="classHours">{{item.classHours}}课时</text>
@@ -111,7 +118,7 @@
            <view wx:for="{{booksList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="booksListItemBox">
              <view class="listItem" bind:tap="goDetail" data-book="{{item}}">
                <view class="specialSubject-img">
                  <image src="{{item.icon}}" mode="aspectFit" class="img" />
                  <image src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}" mode="aspectFit" class="img" aria-label="{{item.name}}" />
                </view>
                <view class="body-info">
                  <view class="name">{{item.name}}</view>
@@ -158,13 +165,13 @@
        <view class="listBox3">
          <view wx:if="{{textbookList.length > 0}}">
            <view wx:for="{{textbookList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="textbooksItemBox">
              <view class="listItem flex" bind:tap="goTextBookDetail" data-book="{{item}}">
                <view class="specialSubject-img">
              <view class="listItem flex">
                <view class="specialSubject-img" bind:tap="goTextBookDetail" data-book="{{item}}">
                  <image src="{{item.icon}}" mode="aspectFit" class="img" />
                </view>
                <view class="body-info">
                  <view class="name">{{item.name}}</view>
                  <view class="introduction">{{item.description}}</view>
                  <view class="name" bind:tap="goTextBookDetail" data-book="{{item}}">{{item.name}}</view>
                  <view class="introduction" bind:tap="goTextBookDetail" data-book="{{item}}">{{item.description}}</view>
                  <view class="author">{{item.author}}</view>
                  <view class="priceBox flex jc-sb">
                    <text class="price" wx:if="{{item.price == 0}}">免费</text>
@@ -186,15 +193,17 @@
        </view>
        <view class="rankingList">
          <scroll-view class="srcolbox" scroll-x scroll-with-animation='true'>
            <view wx:for="{{rankingList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="booksListItemBox">
              <view class="listItem" bind:tap="goDetail" data-book="{{item}}">
                <view class="specialSubject-img">
                  <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">
                  <view class="name">{{item.name}}</view>
                  <!-- <view class="author">{{item.author}}</view> -->
            <view class="booksListBox">
              <view wx:for="{{rankingList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="booksListItemBox">
                <view class="listItem" bind:tap="goDetail" data-book="{{item}}">
                  <view class="specialSubject-img">
                    <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">
                    <view class="name">{{item.name}}</view>
                    <!-- <view class="author">{{item.author}}</view> -->
                  </view>
                </view>
              </view>
            </view>
@@ -203,4 +212,6 @@
      </view>
    </view>
  </t-pull-down-refresh>
</view>
</view>
<import src="home.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />