From da861353b4ab88bf69f647f0f74121b7a4bda152 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期一, 25 三月 2024 18:39:46 +0800
Subject: [PATCH] tabBar
---
pages/home/home.wxml | 120 +++++++++++++++++++++++++++++------------------------------
1 files changed, 59 insertions(+), 61 deletions(-)
diff --git a/pages/home/home.wxml b/pages/home/home.wxml
index 547af8b..ddd3ef8 100644
--- a/pages/home/home.wxml
+++ b/pages/home/home.wxml
@@ -1,20 +1,19 @@
-<view style="text-align: center; color: #b9b9b9" wx:if="{{pageLoading}}">
- <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." inherit-color />
-</view>
-<view class="background {{ isWhite ? 'white':''}}">
+<view class="container">
+<view class="background {{ isWhite ? 'white':''}}" style="padding-top: {{barHeight}}px">
<text class="text">浜笀E璇�</text>
</view>
+<t-pull-down-refresh value="{{baseRefresh.value}}" loadingTexts="{{['涓嬫媺鍒锋柊', '鏉炬墜鍒锋柊', '姝ｅ湪鍒锋柊', '鍒锋柊瀹屾垚']}}" bind:refresh="onPullDownRefresh" bind:scroll="onScroll">
<view class="home-page-header">
<view class="bg">
- <image src="/static/images/home/home-bg@2x.png" mode="heightFix" class="image" />
+ <image src="/static/images/home/home-bg.png" mode="heightFix" class="image" />
</view>
<view class="search">
- <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" leftIcon="">
+ <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" leftIcon="" bind:submit="onRetrievalPage" model:value="{{searchVal}}">
<t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" bind:tap="navToSearchPage" />
</t-search>
</view>
<view class="swiper-wrap">
- <t-swiper wx:if="{{bannerList.length > 0}}" list="{{bannerList}}" current="{{current}}" 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="{{navigation}}" bind:click="navToActivityDetail" />
</view>
</view>
<view class="home-page-menu">
@@ -24,28 +23,28 @@
</view>
<view class="home-page-container">
<view class="home-page-list">
- <view class="tabCardPublic">
+ <view class="tabCardPublic iconOne">
<view class="icon">
- <t-image src="/static/images/home/zhuantitaolun.png" mode="heightFix" class="iconImage" />
+ <image src="/static/images/home/zhuantitaolun2.png" mode="aspectFit" class="iconImage" />
</view>
- <view bindtap="onMoreGuide" class="flex">
+ <view data-info="{{'zhuantitaolun'}}" bindtap="onMoreGuide" class="flex">
<text class="more">鏇村</text>
<t-icon name="chevron-right" size="32rpx" color="#ff6d00" />
</view>
</view>
<view class="listBox">
- <view wx:for="{{specialSubjectList}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="listItemBox">
- <view class="listItem">
+ <view wx:for="{{specialSubjectList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox">
+ <view class="listItem" bindtap="goSubjectDetail" data-book="{{item}}">
<view class="specialSubject-img">
<image src="{{item.icon}}" mode="aspectFill" class="img" />
</view>
<view class="body-info">
<view class="name">{{item.name}}</view>
- <view class="time" wx:if="{{item.liveTime}}">鐩存挱鏃堕棿锛�<text>{{item.liveTime}}</text></view>
- <view class="time" wx:if="{{item.startTime}}">寮�鎾椂闂达細<text>{{ item.startTime }}</text></view>
+ <view class="time" wx:if="{{item.liveTime}}">鐩存挱鏃堕棿锛歿{item.liveTime}}</view>
+ <view class="time" wx:if="{{item.startTime}}">寮�鎾椂闂达細{{ item.startTime }}</view>
<view class="time" wx:if="{{!item.liveTime && !item.startTime}}">寮�鎾椂闂达細<text class="grey">寰呭畾</text></view>
<view class="flex jc-sb">
- <text class="author">{{item.lecturer}}</text>
+ <text class="author">{{item.lecturer}} {{item.position}}</text>
<text class="price" wx:if="{{item.price == 0}}">鍏嶈垂</text>
<text class="price" wx:if="{{item.price !== 0}}">锟{item.price}}</text>
</view>
@@ -53,24 +52,24 @@
</view>
</view>
</view>
- <view class="tabCardPublic">
+ <view class="tabCardPublic iconTwo">
<view class="icon">
- <t-image src="/static/images/home/jingxuankecheng@2x.png" mode="heightFix" class="iconImage" />
+ <image src="/static/images/home/jingxuankecheng2.png" mode="aspectFit" class="iconImage" />
</view>
- <view bindtap="onMoreGuide" class="flex">
+ <view data-info="{{'jingxuankecheng'}}" bindtap="onMoreGuide" class="flex">
<text class="more">鏇村</text>
<t-icon name="chevron-right" size="32rpx" color="#ff6d00" />
</view>
</view>
<view class="home-page-tabs">
- <t-tabs t-class="t-tabs" t-class-active="tabs-external__active" t-class-item="tabs-external__item" defaultValue="{{activeItem}}" space-evenly="{{false}}" bind:change="tabChangeHandle">
+ <t-tabs t-class="t-tabs" split="{{false}}" defaultValue="{{activeItem}}" bind:change="tabChangeHandle">
<t-tab-panel wx:for="{{courseTypeList}}" wx:for-index="index" wx:key="index" label="{{item.name}}" value="{{index}}" />
</t-tabs>
</view>
<view class="listBox1">
<view wx:if="{{courseList.length>0}}">
- <view wx:for="{{courseList}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="listItemBox">
- <view class="listItem flex">
+ <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">
<image src="{{item.icon}}" mode="aspectFill" class="img" />
</view>
@@ -78,12 +77,12 @@
<view class="name">{{item.name}}</view>
<view class="flex jc-sb">
<text class="author">{{item.courseLeader}}</text>
- <text>{{item.classHours}}璇炬椂</text>
+ <text class="classHours">{{item.classHours}}璇炬椂</text>
</view>
<view class="priceBox flex jc-sb">
<text class="price" wx:if="{{item.price == 0}}">鍏嶈垂</text>
<text class="price" wx:if="{{item.price !== 0}}">锟{item.price}}</text>
- <image src="/static/images/home/home-cart.png" mode="aspectFill" class="addCartImg" />
+ <image src="/static/images/home/home-cart.png" mode="aspectFit" class="addCartImg" bind:tap="addCart" data-info="{{item}}" />
</view>
</view>
</view>
@@ -93,26 +92,26 @@
<t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" />
</view>
</view>
- <view class="tabCardPublic">
+ <view class="tabCardPublic iconTwo">
<view class="icon">
- <t-image src="/static/images/home/tushufuwu@2x.png" mode="heightFix" class="iconImage" />
+ <image src="/static/images/home/tushufuwu2.png" mode="aspectFit" class="iconImage" />
</view>
- <view bindtap="onMoreGuide" class="flex">
+ <view data-info="{{'tushufuwu'}}" bindtap="onMoreGuide" class="flex">
<text class="more">鏇村</text>
<t-icon name="chevron-right" size="32rpx" color="#ff6d00" />
</view>
</view>
<view class="home-page-tabs">
- <t-tabs t-class="t-tabs" t-class-active="tabs-external__active" t-class-item="tabs-external__item" defaultValue="{{activeItem1}}" space-evenly="{{false}}" bind:change="tabBookClick">
+ <t-tabs t-class="t-tabs" split="{{false}}" position="{{'home'}}" defaultValue="{{activeItem1}}" bind:change="tabBookClick">
<t-tab-panel wx:for="{{bookTypeList}}" wx:for-index="index" wx:key="index" label="{{item.name}}" value="{{index}}" />
</t-tabs>
</view>
<view class="listBox2">
<view wx:if="{{booksList.length > 0}}" class="flex">
- <view wx:for="{{booksList}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="booksListItemBox">
- <view class="listItem">
+ <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="aspectFill" class="img" />
+ <image src="{{item.icon}}" mode="aspectFit" class="img" />
</view>
<view class="body-info">
<view class="name">{{item.name}}</view>
@@ -125,20 +124,20 @@
<t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" />
</view>
</view>
- <view class="tabCardPublic">
+ <view class="tabCardPublic iconTwo">
<view class="icon">
- <t-image src="/static/images/home/shuziyuedu1@2x.png" mode="heightFix" class="iconImage" />
+ <image src="/static/images/home/shuziyuedu2.png" mode="aspectFit" class="iconImage" />
</view>
- <view bindtap="onMoreGuide" class="flex">
+ <view data-info="{{'shuziyuedu'}}" bindtap="onMoreGuide" class="flex">
<text class="more">鏇村</text>
<t-icon name="chevron-right" size="32rpx" color="#ff6d00" />
</view>
</view>
<view class="listBox2 flex">
- <view wx:for="{{readBookList}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="booksListItemBox">
- <view class="listItem">
+ <view wx:for="{{readBookList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="booksListItemBox">
+ <view class="listItem" bind:tap="goReadBookDetail" data-book="{{item}}">
<view class="specialSubject-img">
- <image src="{{item.icon}}" mode="aspectFill" class="img" />
+ <image src="{{item.icon}}" mode="aspectFit" class="img" />
</view>
<view class="body-info">
<view class="name">{{item.name}}</view>
@@ -147,21 +146,21 @@
</view>
</view>
</view>
- <view class="tabCardPublic">
+ <view class="tabCardPublic iconTwo">
<view class="icon">
- <t-image src="/static/images/home/shuzijiaocai1@2x.png" mode="heightFix" class="iconImage" />
+ <image src="/static/images/home/shuzijiaocai2.png" mode="aspectFit" class="iconImage" />
</view>
- <view bindtap="onMoreGuide" class="flex">
+ <view data-info="{{'shuzijiaocai'}}" bindtap="onMoreGuide" class="flex">
<text class="more">鏇村</text>
<t-icon name="chevron-right" size="32rpx" color="#ff6d00" />
</view>
</view>
<view class="listBox3">
- <view wx:if="{{textbookList.length > 0}}" class="listBox3">
- <view wx:for="{{textbookList}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="textbooksItemBox">
- <view class="listItem flex">
+ <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">
- <image src="{{item.icon}}" mode="aspectFill" class="img" />
+ <image src="{{item.icon}}" mode="aspectFit" class="img" />
</view>
<view class="body-info">
<view class="name">{{item.name}}</view>
@@ -170,7 +169,7 @@
<view class="priceBox flex jc-sb">
<text class="price" wx:if="{{item.price == 0}}">鍏嶈垂</text>
<text class="price" wx:if="{{item.price !== 0}}">锟{item.price}}</text>
- <image src="/static/images/home/home-cart.png" mode="aspectFill" class="addCartImg" />
+ <image src="/static/images/home/home-cart.png" mode="aspectFit" class="addCartImg" bind:tap="addCart" data-info="{{item}}" />
</view>
</view>
</view>
@@ -182,27 +181,26 @@
</view>
<view class="tabCardPublic">
<view class="icon">
- <t-image src="/static/images/home/paihangbang@2x.png" mode="heightFix" class="iconImage" />
- </view>
- <view bindtap="onMoreGuide" class="flex">
- <text class="more">鏇村</text>
- <t-icon name="chevron-right" size="32rpx" color="#ff6d00" />
+ <image src="/static/images/home/paihangbang2.png" mode="" class="iconImage" />
</view>
</view>
- <view class="listBox2 rankingList flex">
- <view wx:for="{{rankingList}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="booksListItemBox">
- <view class="listItem">
- <view class="specialSubject-img">
- <image src="{{item.icon}}" mode="aspectFill" class="img" />
- </view>
- <view class="body-info">
- <view class="name">{{item.name}}</view>
- <view class="author">{{item.author}}</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>
</view>
</view>
- </view>
+ </scroll-view>
</view>
</view>
- <load-more list-is-empty="{{!goodsList.length}}" status="{{goodsListLoadStatus}}" bind:retry="onReTry" />
- <t-toast id="t-toast" />
+</view>
+</t-pull-down-refresh>
</view>
\ No newline at end of file
--
Gitblit v1.9.1