From ecbc81c918a288dc752b1634b3f545f795d992aa Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 20 三月 2024 16:15:41 +0800 Subject: [PATCH] 图书分类,图书列表样式修改,答题器优化 --- pages/bookServices/assort/index.wxml | 67 +++++++++++++++++++++------------ 1 files changed, 42 insertions(+), 25 deletions(-) diff --git a/pages/bookServices/assort/index.wxml b/pages/bookServices/assort/index.wxml index aca70a8..59c923d 100644 --- a/pages/bookServices/assort/index.wxml +++ b/pages/bookServices/assort/index.wxml @@ -2,45 +2,62 @@ <view class="page-header"> <!-- 鎼滅储妗� --> <view class="search"> - <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" leftIcon="" bind:submit="navToSearchPage" placeholder-class="placeholder" placeholder-style="font-size:28rpx;"> + <t-search t-class-input="t-search__input" t-class-input-container="t-search__input-container" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" leftIcon="" bind:submit="navToSearchPage" placeholder-style="{{placeholderstyle}}"> <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" /> </t-search> </view> </view> <view class="page-container"> - <view class="side-bar-wrapper"> + <view class="side-bar-wrapper" wx:if="{{!loading}}"> <view class="tab-left"> <t-side-bar value="{{assortCheck.code}}" bind:change="changeAssort"> <t-side-bar-item wx:for="{{assortList}}" wx:key="id" value="{{item.refCode}}" label="{{item.name}}" badge-props="{{item.badgeProps}}" /> </t-side-bar> </view> - <view class="side-bar-content"> - <!-- 涓�绾у垎绫� --> - <view class="tab-top"> - <scroll-view scroll-x="{{true}}" class="myScroll"> - <view wx:for="{{startList}}" wx:key="id" class="row {{startCheck == item.refCode ? 'tab-active' : ''}}" bind:tap="tabClick" data-tabData="{{item}}">{{item.name}}</view> - </scroll-view> - </view> - <!-- 鍐呭 --> - <scroll-view scroll-y="{{true}}" class="class-list" scroll-into-view="{{startCheck}}"> - <view wx:if="{{listLoading}}"> - <t-loading theme="spinner" size="400rpx" loading="{{listLoading}}"></t-loading> + <view class="page-right"> + <!-- 鍙充晶 --> + <view class="side-bar-content" wx:if="{{!listLoding}}"> + <!-- 涓�绾у垎绫� --> + <view class="tab-top"> + <scroll-view scroll-x="{{true}}" class="myScroll" show-scrollbar="{{false}}"> + <view wx:for="{{startList}}" wx:key="id" class="row {{startCheck.id == item.id ? 'tab-active' : ''}}" bind:tap="tabClick" data-tabData="{{item}}">{{item.name}}</view> + </scroll-view> </view> - <view wx:for="{{startList}}" wx:for-item="item" wx:key="item.refCode" id="{{item.refCode}}" class="class-box" wx:if="{{!listLoading}}"> - <view class="class-name">{{item.name}}</view> - <view class="class-content"> - <view wx:for="{{item.children}}" wx:for-item="citem" wx:key="id" class="book-box" bind:tap="goPageList" data-stair="{{citem}}" data-tabData="{{item}}" wx:if="{{item.children.length}}"> - <image src="{{citem.icon ? citem.icon : '/static/images/bookService/assort/book-img.png'}}" mode="heightFix" /> - <view class="classify">{{citem.name}}</view> - </view> - <view wx:if="{{!item.children.length}}" class="book-box" bind:tap="goPageList" data-tabData="{{item}}"> - <image src="{{item.icon ? item.icon : '/static/images/bookService/assort/book-img.png'}}" mode="heightFix"></image> - <text class="classify">鍏ㄩ儴</text> + <!-- 鍐呭 --> + <scroll-view scroll-y="{{true}}" class="class-list" scroll-into-view="{{ 'list' + startCheck.id}}"> + <view wx:if="{{listLoading}}"> + <t-loading theme="spinner" size="400rpx" loading="{{listLoading}}"></t-loading> + </view> + <view wx:for="{{startList}}" wx:for-item="item" wx:key="item.id" id="{{ 'list' + item.id}}" class="class-box" wx:if="{{!listLoading}}"> + <view class="class-name">{{item.name}}</view> + <view class="class-content"> + <view wx:for="{{item.children}}" wx:for-item="citem" wx:key="id" class="book-box" bind:tap="goPageList" data-stair="{{citem}}" data-tabData="{{item}}" wx:if="{{item.children.length}}"> + <view class="assort-img"> + <image src="{{citem.icon ? citem.icon : '/static/images/bookService/assort/book-img.png'}}" mode="heightFix" /> + </view> + <view class="classify">{{citem.name}}</view> + </view> + <view wx:if="{{!item.children.length}}" class="book-box" bind:tap="goPageList" data-tabData="{{item}}"> + <view class="assort-img"> + <image src="{{item.icon ? item.icon : '/static/images/bookService/assort/book-img.png'}}" mode="heightFix"></image> + </view> + <text class="classify">鍏ㄩ儴</text> + </view> </view> </view> - </view> - </scroll-view> + <view class="bottom-box"> + </view> + </scroll-view> + </view> + <!-- loading --> + <view class="loading-box" wx:if="{{listLoding}}"> + <t-loading theme="circular" size="60rpx" class="wrapper" loading="{{listLoding}}" wx:if="{{listLoding}}" /> + </view> </view> + + </view> + <view class="loading-box" wx:if="{{loading}}"> + <t-loading theme="circular" size="60rpx" class="wrapper" loading="{{loading}}" wx:if="{{loading}}" /> </view> </view> \ No newline at end of file -- Gitblit v1.9.1