From b97bfcb85b2ded3b1f380e9a98b54b836faabba5 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 28 三月 2025 14:26:35 +0800 Subject: [PATCH] 除过数字教材外的页面的登录迁移 --- pages/home/home.wxml | 437 ++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 356 insertions(+), 81 deletions(-) diff --git a/pages/home/home.wxml b/pages/home/home.wxml index 4170fe9..6f4cbaa 100644 --- a/pages/home/home.wxml +++ b/pages/home/home.wxml @@ -1,100 +1,165 @@ <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"> - <text class="text">浜笀E璇�</text> + <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">浜笀鏅烘暀</text> </view> <view class="home-page-header"> <view class="bg"> - <image src="/static/images/home/home-bg.png" mode="heightFix" class="image" /> + <image + src="https://jsek.bnuic.com/home/image/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" /> + <image + class="icon" + src="/static/images/home/nav_icon_scan.png" + bindtap="onIconScanTap" + /> + <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="onRetrievalPage" + /> </t-search> </view> <view class="swiper-wrap"> - <t-swiper wx:if="{{bannerList.length > 0}}" list="{{bannerList}}" autoplay="{{autoplay}}" duration="{{duration}}" interval="{{interval}}" navigation="{{navigation}}" height="380rpx" 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" + class="swiper-item" + > + <view class="swiperItem"> + <image src="{{item.value}}" mode="widthFix" class="img" /> + </view> + </swiper-item> + </swiper> </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 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="flex jc-sb"> - <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> - </view> - </view> - </view> - </view> - <view class="tabCardPublic iconTwo"> - <view class="icon"> - <image src="/static/images/home/jingxuankecheng2.png" mode="aspectFit" class="iconImage" /> - </view> - <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> - </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 class="listItem flex"> - <view class="specialSubject-img" data-book="{{item}}" bindtap="goCourseDetail"> + <view wx:if="{{specialSubjectList.length > 0}}"> + <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" data-book="{{item}}" bindtap="goCourseDetail">{{item.name}}</view> + <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="flex jc-sb"> - <text class="author">{{item.courseLeader}}</text> - <text class="classHours">{{item.classHours}}璇炬椂</text> - </view> - <view class="priceBox flex jc-sb"> + <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> - <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 + > </view> </view> </view> </view> </view> <view class="empyt" wx:else> - <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" /> + <empty /> </view> </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> @@ -102,16 +167,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> @@ -121,12 +209,102 @@ </view> </view> <view class="empyt" wx:else> - <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" /> + <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" /> --> + <empty /> </view> </view> <view class="tabCardPublic iconTwo"> <view class="icon"> - <image src="/static/images/home/shuziyuedu2.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" + > + <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> + </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 class="listItem flex"> + <view + class="specialSubject-img" + data-book="{{item}}" + bindtap="goCourseDetail" + > + <image src="{{item.icon}}" mode="aspectFit" class="img" /> + </view> + <view class="body-info"> + <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 + wx:if="{{item.price}}" + src="/static/images/home/home-cart.png" + mode="aspectFit" + class="addCartImg" + bind:tap="addCart" + data-info="{{item}}" + /> + </view> + </view> + </view> + </view> + </view> + <view class="empyt" wx:else> + <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" /> --> + <empty /> + </view> + </view> + + <view class="tabCardPublic iconTwo"> + <view class="icon"> + <image + src="/static/images/home/shuziyuedu2.png" + mode="aspectFit" + class="iconImage" + /> </view> <view data-info="{{'shuziyuedu'}}" bindtap="onMoreGuide" class="flex"> <text class="more">鏇村</text> @@ -134,8 +312,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> @@ -148,50 +336,107 @@ </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> </view> </view> <view class="empyt" wx:else> - <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" /> + <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" font-size="80" /> --> + <empty /> </view> </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> @@ -205,4 +450,34 @@ </view> </view> </t-pull-down-refresh> -</view> \ No newline at end of file + <!-- 鏂板勾鍏憡寮圭獥 --> + <!-- <t-popup + visible="{{showStateMenu}}" + bind:visible-change="onVisibleChange" + placement="center" + > + <view class="block"> + <view class="ti-0"> 灏婃暚鐨勮�佸笀: </view> + <view>鎮ㄥソ!</view> + <view + >鎰熻阿鎮ㄤ竴鐩翠互鏉ュ鍖椾含甯堣寖澶у鍑虹増闆嗗洟鐨勬敮鎸佸拰淇′换!鏂扮殑涓�骞村嵆灏嗘潵涓达紝鍦ㄦ鎴戜滑鎻愬墠鎭鎮ㄦ柊骞村揩涔愩�侀槚瀹跺垢绂忥紒鏍规嵁鍥藉鏀惧亣瑕佹眰锛岀粨鍚堟垜绀剧殑鍏蜂綋鎯呭喌锛屾垜浠皢瀵规槬鑺備紤鍋囧仛鍑哄涓嬪畨鎺�:</view + > + <view class="ti-0"> 鏄ヨ妭鏀惧亣瀹夋帓: </view> + <view> + 2025骞�1鏈�23鏃�(鑵婃湀浜屽崄鍥�)鑷�2025骞�2鏈�12鏃�(姝f湀浜屽崄浜�)鏀惧亣浼戞伅銆傛斁鍋囨湡闂� + 鈥滀含甯堟櫤鏁欌�濆钩鍙版甯歌繍钀ワ紝鏍蜂功鐢宠鏆傚仠瀹℃牳锛屽鏈夐棶棰樿鐣欒█涓氬姟鏈嶅姟QQ锛�3823938687銆�2025骞�2鏈�13鏃�(姝f湀浜屽崄涓�)鎭㈠姝e父锛屾牱涔︾敵璇蜂篃灏嗛檰缁鐞嗐�� + </view> + <view class="al-right mt-20"> 浜笀鏅烘暀 </view> + <view class="al-right">2025骞�1鏈�22鏃�</view> + <t-icon + t-class="close-btn" + name="close-circle" + size="64rpx" + color="#fff" + bind:tap="closeStateMenu" + /> + </view> + </t-popup> --> +</view> +<import src="home.skeleton.wxml" /> +<template is="skeleton" wx:if="{{loading}}" /> -- Gitblit v1.9.1