From d00d7f8ba2dfed17984aa5d41c7694c24d9d198a Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 22 一月 2025 17:23:34 +0800 Subject: [PATCH] 春节公告 --- pages/home/home.wxml | 420 +++++++++++++++++------------------------------------------- 1 files changed, 119 insertions(+), 301 deletions(-) diff --git a/pages/home/home.wxml b/pages/home/home.wxml index b6bf9af..09bf62a 100644 --- a/pages/home/home.wxml +++ b/pages/home/home.wxml @@ -1,60 +1,22 @@ <view class="container"> - <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> + <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="/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" - /> + <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="{{ { 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" - > + <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> @@ -63,172 +25,49 @@ </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" - style="align-items: center" - > + <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> @@ -236,39 +75,16 @@ </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 ? item.icon : '/static/images/default-book-img.png'}}" - mode="aspectFit" - class="img" - aria-label="{{item.name}}" - /> + <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> @@ -278,16 +94,55 @@ </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> @@ -295,18 +150,8 @@ </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> @@ -319,106 +164,51 @@ </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"> <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> @@ -432,6 +222,34 @@ </view> </view> </t-pull-down-refresh> + + <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}}" /> +<template is="skeleton" wx:if="{{loading}}" /> \ No newline at end of file -- Gitblit v1.9.1