From bfdd1a936731cf9b5f0d2c78d363cbb0ec93d941 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 04 九月 2024 09:43:52 +0800
Subject: [PATCH] 树结构排序优化
---
pages/retrievalPage/index.wxml | 153 ++++++++++++++++++++------------------------------
1 files changed, 62 insertions(+), 91 deletions(-)
diff --git a/pages/retrievalPage/index.wxml b/pages/retrievalPage/index.wxml
index d36cab3..a097d87 100644
--- a/pages/retrievalPage/index.wxml
+++ b/pages/retrievalPage/index.wxml
@@ -1,36 +1,29 @@
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
-
<view class="outsideRetrievalPageBox" hidden="{{hidden}}">
-
<view class="retrievalPageBox">
- <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>
- <view class="navbar-title">妫�绱㈢粨鏋�</view>
- </view>
-
-
<view class="example-search">
<t-search bind:submit="onSearchSubmit" class="searchBox" model:value="{{searchVal}}" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" />
<view class="cancellation" bind:tap="onCancellation">鍙栨秷</view>
</view>
-
</view>
- <!--pages/retrievalPage/index.wxml-->
-
-
- <view class="tabsBox">
- <!-- sticky="true" -->
- <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
- <t-tab-panel label="鍥句功({{bookTotal}})" value="0">
- <view wx:if="{{bookData.length <= 0}}" class="noDataBox">
- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+ <view>
+ <!-- Tab甯冨眬 -->
+ <scroll-view scroll-x="{{true}}" class="scroll-x">
+ <view class="navBox">
+ <view class="titleBox" wx:for="{{tabList}}" bindtap="tabsOn" data-idx="{{item.index}}">
+ <view class="tabIndexBox">
+ <text class="{{item.index == tabsId ? 'fontColorBox' : ''}}">{{item.title}} ({{item.bookTotal}}) </text>
+ </view>
+ <hr class="{{item.index == tabsId ? 'lineBox' : ''}}" />
</view>
-
+ </view>
+ </scroll-view>
+ <!-- 鍐呭甯冨眬 -->
+ <swiper class="swiperTtemBox" bindchange="slideOn" current="{{tabsId}}" circular>
+ <!-- circular 鍚敤寰幆婊戝姩 -->
+ <swiper-item>
<scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
<view class="bookDataBox">
<view class="bookDataForBox" wx:for="{{bookData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="onBook">
@@ -38,26 +31,21 @@
<image wx:if="{{item.icon}}" src="{{item.icon}}" mode="aspectFit" />
<image wx:if="{{!item.icon}}" src="/static/images/default-book-img.png" mode="" />
</view>
- <view class="bookDataNmae">
- {{item.name}}
- </view>
+ <view class="bookDataNmae"> {{item.name}} </view>
<view class="bookDataAuthor">{{item.author}}</view>
</view>
</view>
- <view wx:if="{{bookData.length != 0}}" class="bottom-box">
+ <view wx:if="{{bookData.length}}" class="bottom-box">
<t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
<text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
</view>
+ <view wx:if="{{bookData.length <= 0}}" class="noDataBox">
+ <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> -->
+ <empty />
+ </view>
</scroll-view>
-
-
- </t-tab-panel>
- <t-tab-panel label="璇剧▼({{courseTotal}})" value="1">
- <view wx:if="{{courseData.length <= 0}}" class="noDataBox">
- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
- </view>
-
-
+ </swiper-item>
+ <swiper-item>
<scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
<view class="listBox1">
<view>
@@ -81,48 +69,42 @@
</view>
</view>
</view>
-
</view>
-
<view wx:if="{{courseData.length != 0}}" class="bottom-box">
<t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
<text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
</view>
+ <view wx:if="{{courseData.length <= 0}}" class="noDataBox">
+ <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> -->
+ <empty />
+ </view>
</scroll-view>
- </t-tab-panel>
- <t-tab-panel label="鏁板瓧鏁欐潗({{digitalTextbooksTotal}})" value="2">
-
-
- <view wx:if="{{digitalTextbooksData.length <= 0}}" class="noDataBox">
- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
- </view>
+ </swiper-item>
+ <swiper-item>
<scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
<view class="bookDataBox">
<view class="bookDataForBox" wx:for="{{digitalTextbooksData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="underConstruction">
<view class="imageBox">
<image src="{{item.icon}}" mode="" />
</view>
- <view class="bookDataNmae">
- {{item.name}}
- </view>
+ <view class="bookDataNmae"> {{item.name}} </view>
<view class="bookDataAuthor">{{item.author}}</view>
</view>
</view>
-
<view wx:if="{{digitalTextbooksData.length != 0}}" class="bottom-box">
<t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
<text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
</view>
+ <view wx:if="{{digitalTextbooksData.length <= 0}}" class="noDataBox">
+ <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> -->
+ <empty />
+ </view>
</scroll-view>
-
- </t-tab-panel>
- <t-tab-panel label="涓撻({{seminarTotal}})" value="3">
- <view wx:if="{{seminarData.length <= 0}}" class="noDataBox">
- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
- </view>
+ </swiper-item>
+ <swiper-item>
<scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
<view class="listBox">
<view wx:for="{{seminarData}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox" data-item="{{item}}" bind:tap="underConstruction">
@@ -144,23 +126,18 @@
</view>
</view>
</view>
-
<view wx:if="{{seminarData.length != 0}}" class="bottom-box">
<t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
<text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
</view>
-
-
+ <view wx:if="{{seminarData.length <= 0}}" class="noDataBox">
+ <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> -->
+ <empty />
+ </view>
</scroll-view>
- </t-tab-panel>
- <t-tab-panel label="涔︾洰({{bookFairTotal}})" value="4">
-
-
- <view wx:if="{{bookFairData.length <= 0 }}" class="noDataBox">
- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
- </view>
-
+ </swiper-item>
+ <swiper-item>
<scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
<view class="outsideHigherBox">
<view class="higherBox" wx:for="{{bookFairData}}" wx:key="index" wx:for-item="item" wx:for-index="index">
@@ -177,48 +154,42 @@
</view>
</view>
-
-
<view wx:if="{{bookFairData.length != 0}}" class="bottom-box">
<t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
<text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
</view>
-
-
+ <view wx:if="{{bookFairData.length <= 0 }}" class="noDataBox">
+ <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> -->
+ <empty />
+ </view>
</scroll-view>
-
-
- </t-tab-panel>
- <t-tab-panel label="涔﹀睍({{biblioClassificationTotal}})" value="5">
- <view wx:if="{{biblioClassificationData.length <= 0}}" class="noDataBox">
- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
- </view>
-
+ </swiper-item>
+ <swiper-item>
<scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
<view class="outside">
<view class="contentBox" wx:for="{{biblioClassificationData}}" wx:key="index" wx:for-item="item" wx:for-index="index" bindtap="onBookExhibitionDetails" data-item="{{item}}">
<image class="bookFairImage" wx:if="{{item.icon}}" src="{{item.icon}}" mode="" />
<image class="bookFairImage" wx:else="" src="/static/images/bookExhibitionList/banner.png" mode="" />
- <view class="textBox" title="{{item.name}}"> <text>{{item.subtitleName}}</text></view>
+ <view class="textBox" title="{{item.name}}">
+ <text>{{item.subtitleName}}</text>
+ </view>
</view>
-
</view>
-
<view wx:if="{{biblioClassificationData.length != 0}}" class="bottom-box">
<t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
<text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text>
</view>
-
-
+ <view wx:if="{{biblioClassificationData.length <= 0}}" class="noDataBox">
+ <!-- <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> -->
+ <empty />
+ </view>
</scroll-view>
- </t-tab-panel>
- </t-tabs>
- </view>
- <view class="dialogBox">
- <t-dialog visible="{{showWithInput}}" title="璇疯緭鍏ラ偖绠�" confirm-btn="纭畾" cancel-btn="鍙栨秷" bind:confirm="onConfirm" bind:cancel="closeDialog">
-
- <t-input model:value="{{input}}" borderless class="dialog-input" clearable slot="content" placeholder="璇疯緭鍏ラ偖绠卞彿" placeholder-class="placeholder" bindchange="onEmailInput" />
-
- </t-dialog>
+ </swiper-item>
+ </swiper>
+ <view class="dialogBox">
+ <t-dialog visible="{{showWithInput}}" title="璇疯緭鍏ラ偖绠�" confirm-btn="纭畾" cancel-btn="鍙栨秷" bind:confirm="onConfirm" bind:cancel="closeDialog">
+ <t-input model:value="{{input}}" borderless class="dialog-input" clearable slot="content" placeholder="璇疯緭鍏ラ偖绠卞彿" placeholder-class="placeholder" bindchange="onEmailInput" />
+ </t-dialog>
+ </view>
</view>
</view>
\ No newline at end of file
--
Gitblit v1.9.1