From 4a9955330070cf8abd78d95aaa2067d9a06a88c3 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 07 五月 2024 10:05:59 +0800 Subject: [PATCH] 各页面bug修改 --- pages/home/home.wxml | 326 +++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 273 insertions(+), 53 deletions(-) diff --git a/pages/home/home.wxml b/pages/home/home.wxml index 61a1f7a..3688e7a 100644 --- a/pages/home/home.wxml +++ b/pages/home/home.wxml @@ -1,62 +1,141 @@ <view class="container"> - <t-pull-down-refresh value="{{baseRefresh.value}}" loadingTexts="{{['涓嬫媺鍒锋柊', '鏉炬墜鍒锋柊', '姝e湪鍒锋柊', '鍒锋柊瀹屾垚']}}" bind:refresh="onPullDownRefresh" bind:scroll="onScroll"> - <view class="background {{ isWhite ? 'white':''}}" style="padding-top: {{barHeight}}px"> + <t-pull-down-refresh + value="{{baseRefresh.value}}" + loadingTexts="{{['涓嬫媺鍒锋柊', '鏉炬墜鍒锋柊', '姝e湪鍒锋柊', '鍒锋柊瀹屾垚']}}" + bind:refresh="onPullDownRefresh" + wx:if="{{!loading}}" + bind:scroll="onScroll" + > + <view + class="background {{ isWhite ? 'white':''}}" + style="padding-top: {{barHeight}}px" + > <text class="text">浜笀E璇�</text> </view> <view class="home-page-header"> <view class="bg"> - <image src="/static/images/home/home-bg.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="" bind:submit="onRetrievalPage" model:value="{{searchVal}}"> - <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" bind:tap="navToSearchPage" /> + <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}}" 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" wx:if="{{bannerList.length > 0}}"> - <swiper-item wx:for="{{bannerList}}" wx:for-index="index" wx:key="index" data-info="{{item}}" bindtap="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="aspectFill" class="img" /> + <image src="{{item.value}}" mode="widthFix" class="img" /> </view> </swiper-item> </swiper> - <view class="body-loading" wx:else=""> - <t-loading theme="circular" size="40rpx" class="wrapper" /> - </view> </view> </view> <view class="home-page-menu"> - <t-grid class="t-grid-block" theme="card" border="{{border}}" column="{{5}}"> - <t-grid-item wx:for="{{tabList}}" wx:for-index="index" wx:key="index" text="{{item.text}}" image="{{item.icon}}" data-info="{{item}}" bindtap="toPages" /> + <t-grid + class="t-grid-block" + theme="card" + border="{{border}}" + column="{{5}}" + > + <t-grid-item + wx:for="{{tabList}}" + wx:for-index="index" + wx:key="index" + text="{{item.text}}" + image="{{item.icon}}" + data-info="{{item}}" + bindtap="toPages" + /> </t-grid> </view> <view class="home-page-container"> <view class="home-page-list"> <view class="tabCardPublic iconOne"> <view class="icon"> - <image src="/static/images/home/zhuantitaolun2.png" mode="aspectFit" class="iconImage" /> + <image + src="/static/images/home/zhuantitaolun2.png" + mode="aspectFit" + class="iconImage" + /> </view> - <view data-info="{{'zhuantitaolun'}}" bindtap="onMoreGuide" class="flex"> + <view + data-info="{{'zhuantitaolun'}}" + bindtap="onMoreGuide" + class="flex" + style="align-items: center" + > <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" class="listItemBox"> - <view class="listItem" bindtap="goSubjectDetail" data-book="{{item}}"> + <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}}">鐩存挱鏃堕棿锛歿{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="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}} {{item.position}}</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> + <text class="price" wx:if="{{item.price !== 0}}" + >锟{item.price}}</text + > </view> </view> </view> @@ -64,35 +143,77 @@ </view> <view class="tabCardPublic iconTwo"> <view class="icon"> - <image src="/static/images/home/jingxuankecheng2.png" mode="aspectFit" class="iconImage" /> + <image + src="/static/images/home/jingxuankecheng2.png" + mode="aspectFit" + class="iconImage" + /> </view> - <view data-info="{{'jingxuankecheng'}}" 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" 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 + 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" class="listItemBox"> + <view + wx:for="{{courseList}}" + wx:for-item="item" + wx:for-index="index" + wx:key="index" + class="listItemBox" + > <view class="listItem flex"> - <view class="specialSubject-img" data-book="{{item}}" bindtap="goCourseDetail"> + <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" data-book="{{item}}" bindtap="goCourseDetail">{{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> </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="aspectFit" class="addCartImg" bind:tap="addCart" data-info="{{item}}" /> + <text class="price" wx:if="{{item.price !== 0}}" + >锟{item.price}}</text + > + <image + src="/static/images/home/home-cart.png" + mode="aspectFit" + class="addCartImg" + bind:tap="addCart" + data-info="{{item}}" + /> </view> </view> </view> @@ -104,7 +225,11 @@ </view> <view class="tabCardPublic iconTwo"> <view class="icon"> - <image src="/static/images/home/tushufuwu2.png" mode="aspectFit" class="iconImage" /> + <image + src="/static/images/home/tushufuwu2.png" + mode="aspectFit" + class="iconImage" + /> </view> <view data-info="{{'tushufuwu'}}" bindtap="onMoreGuide" class="flex"> <text class="more">鏇村</text> @@ -112,16 +237,39 @@ </view> </view> <view class="home-page-tabs"> - <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 + 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" class="booksListItemBox"> + <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> @@ -136,7 +284,11 @@ </view> <view class="tabCardPublic iconTwo"> <view class="icon"> - <image src="/static/images/home/shuziyuedu2.png" mode="aspectFit" class="iconImage" /> + <image + src="/static/images/home/shuziyuedu2.png" + mode="aspectFit" + class="iconImage" + /> </view> <view data-info="{{'shuziyuedu'}}" bindtap="onMoreGuide" class="flex"> <text class="more">鏇村</text> @@ -144,8 +296,18 @@ </view> </view> <view class="listBox2 flex"> - <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 + 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="aspectFit" class="img" /> </view> @@ -158,28 +320,64 @@ </view> <view class="tabCardPublic iconTwo"> <view class="icon"> - <image src="/static/images/home/shuzijiaocai2.png" mode="aspectFit" class="iconImage" /> + <image + src="/static/images/home/shuzijiaocai2.png" + mode="aspectFit" + class="iconImage" + /> </view> - <view data-info="{{'shuzijiaocai'}}" 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}}"> - <view wx:for="{{textbookList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="textbooksItemBox"> + <view + wx:for="{{textbookList}}" + wx:for-item="item" + wx:for-index="index" + wx:key="index" + class="textbooksItemBox" + > <view class="listItem flex"> - <view class="specialSubject-img" bind:tap="goTextBookDetail" data-book="{{item}}"> + <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" bind:tap="goTextBookDetail" data-book="{{item}}">{{item.name}}</view> - <view class="introduction" bind:tap="goTextBookDetail" data-book="{{item}}">{{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> - <text class="price" wx:if="{{item.price !== 0}}">锟{item.price}}</text> - <image src="/static/images/home/home-cart.png" mode="aspectFit" class="addCartImg" bind:tap="addCart" data-info="{{item}}" /> + <text class="price" wx:if="{{item.price !== 0}}" + >锟{item.price}}</text + > + <image + src="/static/images/home/home-cart.png" + mode="aspectFit" + class="addCartImg" + bind:tap="addCart" + data-info="{{item}}" + /> </view> </view> </view> @@ -191,17 +389,37 @@ </view> <view class="tabCardPublic"> <view class="icon"> - <image src="/static/images/home/paihangbang2.png" mode="" class="iconImage" /> + <image + src="/static/images/home/paihangbang2.png" + mode="" + class="iconImage" + /> </view> </view> <view class="rankingList"> - <scroll-view class="srcolbox" scroll-x scroll-with-animation='true'> + <scroll-view class="srcolbox" scroll-x scroll-with-animation="true"> <view class="booksListBox"> - <view wx:for="{{rankingList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="booksListItemBox"> + <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 /> + <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> @@ -215,4 +433,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}}" /> -- Gitblit v1.9.1