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 | 202 +++++++++++++++++--------------------------------
1 files changed, 71 insertions(+), 131 deletions(-)
diff --git a/pages/bookServices/assort/index.wxml b/pages/bookServices/assort/index.wxml
index 86fdbe9..05991e3 100644
--- a/pages/bookServices/assort/index.wxml
+++ b/pages/bookServices/assort/index.wxml
@@ -1,138 +1,78 @@
-<!--鍥句功鏈嶅姟鍒嗙被-->
-<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>
- </view>
-</view>
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{listLoding}}" />
-<view class="page-container">
- <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>
+<!--鍥句功鏈嶅姟鍒嗙被-->
+<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>
</view>
- <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"
- 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="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/bookService/assort/book-img.png'}}"
- mode="widthFix"
- ></image>
- </view>
- <text class="classify">鍏ㄩ儴</text>
- </view>
+ </view>
+
+ <view class="page-container">
+ <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="page-right">
+ <!-- 鍙充晶 -->
+ <view class="side-bar-content" wx:if="{{!listLoding}}">
+ <!-- 涓�绾у垎绫� -->
+ <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>
</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}}"
- />
+ <!-- 鍐呭 -->
+ <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 class="assort-img">
+ <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 class="assort-img">
+ <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}}">
+ <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>
- <view class="loading-box" wx:if="{{loading}}">
- <t-loading
- theme="circular"
- size="60rpx"
- class="wrapper"
- loading="{{loading}}"
- wx:if="{{loading}}"
- />
- </view>
-</view>
+</page-meta>
\ No newline at end of file
--
Gitblit v1.9.1