From 93463d63f0dd81c436aa3335506611aab8356b88 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期一, 25 三月 2024 23:39:40 +0800 Subject: [PATCH] 样式修改 --- packageDomain/pages/sampleBookList/index.wxml | 136 +++++++++++++++++++++++---------------------- 1 files changed, 69 insertions(+), 67 deletions(-) diff --git a/packageDomain/pages/sampleBookList/index.wxml b/packageDomain/pages/sampleBookList/index.wxml index 06be016..223dc51 100644 --- a/packageDomain/pages/sampleBookList/index.wxml +++ b/packageDomain/pages/sampleBookList/index.wxml @@ -1,75 +1,77 @@ <!-- 鍥句功鏈嶅姟-鍒楄〃 --> -<view class="page-header"> - <view style="width: 100%; height: {{barHeight}}px;"></view> - <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;"> - <view> - <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" /> +<view clas="container"> + <view class="page-header"> + <view style="width: 100%; height: {{barHeight}}px;"></view> + <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;"> + <view> + <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" /> + </view> + <t-search model:value="{{searchValue}}" shape="round" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" /> </view> - <t-search model:value="{{searchValue}}" shape="round" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" /> + <view class="list-header"> + <view class="header-scroll"> + <scroll-view scroll-x scroll-with-animation='true' class="srcolbox"> + <t-dropdown-menu> + <t-dropdown-item label="鎬诲垎绫�" options="{{iconList.options}}" default-value="{{iconList.value}}" optionsColumns="2" bindchange="onChangeIcon" arrow-icon="" /> + <t-dropdown-item label="涓�绾�" options="{{stairList.options}}" value="{{stairList.value}}" optionsColumns="2" bindchange="onChangeStair" arrow-icon="" /> + <t-dropdown-item label="浜岀骇" options="{{secondList.options}}" optionsColumns="2" multiple value="{{secondList.value}}" bind:confirm="onConfirmSecond" bind:change="onChangeSecond" /> + </t-dropdown-menu> + </scroll-view> + </view> + <view class="header-sort" bind:tap="sortClick"> + <view class="sort-name">鎺掑簭</view> + <view class="sort-icon"> + <t-icon name="swap-left" size="24rpx" class="icon-right" color="{{sort == 'Asc' ? '#ff6c00' : ''}}" /> + <t-icon name="swap-left" size="24rpx" class="icon-left" color="{{sort == 'Desc' ? '#ff6c00' : ''}}" /> + </view> + </view> + </view> </view> - <view class="list-header"> - <view class="header-scroll"> - <scroll-view scroll-x scroll-with-animation='true' class="srcolbox"> - <t-dropdown-menu> - <t-dropdown-item label="鎬诲垎绫�" options="{{iconList.options}}" default-value="{{iconList.value}}" optionsColumns="2" bindchange="onChangeIcon" arrow-icon="" /> - <t-dropdown-item label="涓�绾�" options="{{stairList.options}}" value="{{stairList.value}}" optionsColumns="2" bindchange="onChangeStair" arrow-icon="" /> - <t-dropdown-item label="浜岀骇" options="{{secondList.options}}" optionsColumns="2" multiple value="{{secondList.value}}" bind:confirm="onConfirmSecond" bind:change="onChangeSecond" /> - </t-dropdown-menu> + <view class="bookServices-list"> + <view class="list-body"> + <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom"> + <view slot="refresher" class="refresh-container"> + <view class="loading"> + <t-loading theme="circular" size="40rpx" text="姝e湪鍒锋柊..." class="wrapper" /> + </view> + </view> + <view class="title"> + <view class="line"></view> + <view class="icon"> + <t-image src="/static/images/home/yangshuliebiao.png" mode="heightFix" class="iconImage" /> + </view> + </view> + <view class="book-list" wx:if="{{bookList.length > 0}}"> + <view class="book-box" wx:for="{{bookList}}" wx:key="id"> + <view class="book-img" bind:tap="goDetail" data-book="{{item}}"> + <t-image src="{{item.icon}}" width="105" height="145" aria-label="{{item.name}}" wx:if="{{item.icon}}" /> + <t-image src="/static/images/default-book-img.png" width="105" height="145" aria-label="{{item.name}}" wx:else /> + </view> + <view class="book-name book-color" bind:tap="goDetail" data-book="{{item}}">{{ item.name}}</view> + <view class="book-author book-color">{{item.author}}</view> + <view class="checkbox"> + <t-checkbox label="绾歌川鏍蜂功" icon="rectangle" borderless='true' default-checked="{{item.paperChecked}}" disabled="{{item.paperDisabled || item.isApplyBook == '1' || item.isApplyBook == '2'}}" data-book="{{item}}" bind:change="onChangePaper" /> + <t-checkbox label="鐢靛瓙鏍蜂功" icon="rectangle" borderless='true' class="eBook" default-checked="{{item.electronChecked}}" disabled="{{item.electronDisabled || item.isApplyBook == '1' || item.isApplyBook == '3'}}" data-book="{{item}}" bind:change="onChangeElectron" /> + </view> + </view> + </view> + <view wx:if="{{list.length == 0}}" class="empyt"> + <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> + </view> + <view class="bottom-loading" wx:if="{{bottomLoading}}"> + <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." class="wrapper" /> + </view> + <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}"> + <text>娌℃湁鏇村浜�</text> + </view> </scroll-view> </view> - <view class="header-sort" bind:tap="sortClick"> - <view class="sort-name">鎺掑簭</view> - <view class="sort-icon"> - <t-icon name="swap-left" size="24rpx" class="icon-right" color="{{sort == 'Asc' ? '#ff6c00' : ''}}" /> - <t-icon name="swap-left" size="24rpx" class="icon-left" color="{{sort == 'Desc' ? '#ff6c00' : ''}}" /> - </view> + </view> + <t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> + <view class="applyBox" bindtap="goApply"> + <view class="box"> + <t-image src="/static/images/home/yangshuForm1.png" mode="heightFix" class="img" /> + <view class="num" wx:if="{{num > 0}}">{{num}}</view> </view> - </view> -</view> -<view class="bookServices-list"> - <view class="list-body"> - <scroll-view class="scroll content" bind:scroll="onPageScroll" model:scroll-top="{{setScrollValue}}" scroll-y refresher-enabled="{{true}}" lower-threshold="{{200}}" refresher-threshold="{{80}}" refresher-default-style="none" refresher-triggered="{{triggered}}" bindrefresherpulling="{{refresh.onPulling}}" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom"> - <view slot="refresher" class="refresh-container"> - <view class="loading"> - <t-loading theme="circular" size="40rpx" text="姝e湪鍒锋柊..." class="wrapper" /> - </view> - </view> - <view class="title"> - <view class="line"></view> - <view class="icon"> - <t-image src="/static/images/home/yangshuliebiao.png" mode="heightFix" class="iconImage" /> - </view> - </view> - <view class="book-list" wx:if="{{bookList.length > 0}}"> - <view class="book-box" wx:for="{{bookList}}" wx:key="id"> - <view class="book-img" bind:tap="goDetail" data-book="{{item}}"> - <t-image src="{{item.icon}}" width="105" height="145" aria-label="{{item.name}}" wx:if="{{item.icon}}" /> - <t-image src="/static/images/default-book-img.png" width="105" height="145" aria-label="{{item.name}}" wx:else /> - </view> - <view class="book-name book-color" bind:tap="goDetail" data-book="{{item}}">{{ item.name}}</view> - <view class="book-author book-color">{{item.author}}</view> - <view class="checkbox"> - <t-checkbox label="绾歌川鏍蜂功" icon="rectangle" borderless='true' default-checked="{{item.paperChecked}}" disabled="{{item.paperDisabled || item.isApplyBook == '1' || item.isApplyBook == '2'}}" data-book="{{item}}" bind:change="onChangePaper" /> - <t-checkbox label="鐢靛瓙鏍蜂功" icon="rectangle" borderless='true' class="eBook" default-checked="{{item.electronChecked}}" disabled="{{item.electronDisabled || item.isApplyBook == '1' || item.isApplyBook == '3'}}" data-book="{{item}}" bind:change="onChangeElectron" /> - </view> - </view> - </view> - <view wx:if="{{list.length == 0}}" class="empyt"> - <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> - </view> - <view class="bottom-loading" wx:if="{{bottomLoading}}"> - <t-loading theme="circular" size="40rpx" text="鍔犺浇涓�..." class="wrapper" /> - </view> - <view class="bottom-loading" style="color: #ccc;font-size: 28rpx;" wx:if="{{isMoreData}}"> - <text>娌℃湁鏇村浜�</text> - </view> - </scroll-view> - </view> -</view> -<t-back-top theme="round" wx:if="{{isBackTop}}" text="椤堕儴" bind:to-top="onToTop"></t-back-top> -<view class="applyBox" bindtap="goApply"> - <view class="box"> - <t-image src="/static/images/home/yangshuForm.png" mode="heightFix" class="img" /> - <view class="num" wx:if="{{num > 0}}">{{num}}</view> </view> </view> \ No newline at end of file -- Gitblit v1.9.1