From 2ee8ddb1ecac7df4198e54e08ec7f22daf4b07c0 Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期五, 03 一月 2025 16:57:38 +0800 Subject: [PATCH] 111 --- pages/bookServices/assort/index.wxml | 102 +++++++++++---------------------------------------- 1 files changed, 22 insertions(+), 80 deletions(-) diff --git a/pages/bookServices/assort/index.wxml b/pages/bookServices/assort/index.wxml index dd4bbe7..05991e3 100644 --- a/pages/bookServices/assort/index.wxml +++ b/pages/bookServices/assort/index.wxml @@ -1,23 +1,13 @@ +<import src="index.skeleton.wxml" /> +<template is="skeleton" wx:if="{{listLoding}}" /> + <!--鍥句功鏈嶅姟鍒嗙被--> -<page-meta style="width: 100vw; overflow: hidden"> +<page-meta style="width: 100vw; overflow: hidden" wx:if="{{!listLoding}}"> <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-style="{{placeholderstyle}}" - > - <t-icon - slot="left-icon" - prefix="wr" - name="search" - size="40rpx" - color="#bbb" - /> + <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> @@ -26,13 +16,7 @@ <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-item wx:for="{{assortList}}" wx:key="id" value="{{item.refCode}}" label="{{item.name}}" badge-props="{{item.badgeProps}}" /> </t-side-bar> </view> <view class="page-right"> @@ -41,78 +25,36 @@ <!-- 涓�绾у垎绫� --> <view class="tab-top"> <view class="myScroll"> - <view - wx:for="{{startList}}" - wx:key="id" - class="row {{startCheck.id == item.id ? 'tab-active' : ''}}" - bind:tap="tabClick" - data-tabData="{{item}}" - >{{item.name}}</view - > + <view wx:for="{{startList}}" wx:key="id" class="row {{startCheck.id == item.id ? 'tab-active' : ''}}" bind:tap="tabClick" data-tabData="{{item}}">{{item.name}}</view> </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" - id="{{ 'list' + item.id}}" - class="class-box" - wx:if="{{!listLoading}}" - > + <scroll-view scroll-y="{{true}}" class="class-list" scroll-into-view="{{ 'list' + startCheck.id}}"> + <view wx:for="{{startList}}" wx:for-item="item" wx:key="id" id="{{ 'list' + item.id}}" class="class-box" wx:if="{{!stairListLoading}}"> <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 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="aspectFit" - /> + <image src="{{citem.icon ? citem.icon : '/static/images/default-book-img.png'}}" mode="aspectFit" /> </view> <view class="classify">{{citem.name}}</view> </view> - <view - wx:if="{{!item.children.length}}" - class="book-box" - bind:tap="goPageList" - data-tabData="{{item}}" - > + <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="aspectFit" - /> + <image src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}" mode="aspectFit" /> </view> <text class="classify">鍏ㄩ儴</text> </view> </view> </view> + <view wx:if="{{stairListLoading}}" style="width: 100%; height: min-content"> + <t-skeleton row-col="{{rowCol}}" theme="paragraph" animation="gradient" loading="{{stairListLoading}}"></t-skeleton> + </view> <view class="bottom-box"> </view> </scroll-view> </view> <!-- loading --> - <view class="loading-box" wx:if="{{listLoding}}"> + <!-- <view class="loading-box" wx:if="{{listLoding}}"> <t-loading theme="circular" size="60rpx" @@ -120,10 +62,10 @@ loading="{{listLoding}}" wx:if="{{listLoding}}" /> - </view> + </view> --> </view> </view> - <view class="loading-box" wx:if="{{loading}}"> + <!-- <view class="loading-box" wx:if="{{loading}}"> <t-loading theme="circular" size="60rpx" @@ -131,6 +73,6 @@ loading="{{loading}}" wx:if="{{loading}}" /> - </view> + </view> --> </view> -</page-meta> +</page-meta> \ No newline at end of file -- Gitblit v1.9.1