From be4212081285227ee0f5eb080c2d4098a82c2ab9 Mon Sep 17 00:00:00 2001
From: litian <C21AF165>
Date: 星期四, 11 四月 2024 15:49:01 +0800
Subject: [PATCH] 样式，骨架屏
---
pages/home/home.wxml | 51 +++++++++++++++++++++++++++++++--------------------
1 files changed, 31 insertions(+), 20 deletions(-)
diff --git a/pages/home/home.wxml b/pages/home/home.wxml
index ff43634..204d392 100644
--- a/pages/home/home.wxml
+++ b/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>
\ No newline at end of file
+</view>
+<import src="home.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
\ No newline at end of file
--
Gitblit v1.9.1