From 72edc07a7fe714316d318708710c150f7d247bbc Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 28 三月 2024 11:50:19 +0800 Subject: [PATCH] 图书分类、列表、详情页bug修改 --- pages/bookServices/assort/index.wxml | 142 ++++++++++++++++++++++++++++++++++------------- 1 files changed, 102 insertions(+), 40 deletions(-) diff --git a/pages/bookServices/assort/index.wxml b/pages/bookServices/assort/index.wxml index bd6d2dd..26407f4 100644 --- a/pages/bookServices/assort/index.wxml +++ b/pages/bookServices/assort/index.wxml @@ -8,14 +8,21 @@ placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" leftIcon="" bind:submit="navToSearchPage" + placeholder-style="{{placeholderstyle}}" > - <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" /> + <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 @@ -27,50 +34,105 @@ /> </t-side-bar> </view> - <view class="side-bar-content"> - <!-- 涓�绾у垎绫� --> - <view class="tab-top"> - <scroll-view scroll-x="{{true}}" class="myScroll"> + <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> + <!-- 鍐呭 --> + <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="id" - class="row {{startCheck == item.refCode ? 'tab-active' : ''}}" - bind:tap="tabClick" - data-tabData="{{item}}" - wx:if="{{item.children.length}}" - >{{item.name}}</view + id="{{ 'list' + item.id}}" + class="class-box" + wx:if="{{!listLoading}}" > - </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> - <view - wx:for="{{startList}}" - wx:for-item="item" - wx:key="item.refCode" - id="{{item.refCode}}" - class="class-box" - wx:if="{{item.children.length && !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-stairCode="{{citem}}" - > - <t-image src="/static/images/bookService/assort/book-img.png" mode="heightFix" width="58" height="72" /> - <view class="classify">{{citem.name}}</view> + <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/default-book-img.png'}}" + mode="widthFix" + /> + </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/default-book-img.png'}}" + mode="widthFix" + ></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> -- Gitblit v1.9.1