From c6abdfaf883e35e9c930dbdbe533d36e2966eb23 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期一, 08 七月 2024 12:00:37 +0800
Subject: [PATCH] 检索页修改
---
packageBookService/pages/bookServices/detail/components/tree/index.js | 9
pages/retrievalPage/index.skeleton.wxml | 220 +++++++++--------
pages/retrievalPage/index.skeleton.wxss | 275 ++++++++++++----------
pages/retrievalPage/index.wxml | 90 +++++-
pages/retrievalPage/index.js | 54 ++++
pages/retrievalPage/index.wxss | 64 +++++
6 files changed, 464 insertions(+), 248 deletions(-)
diff --git a/packageBookService/pages/bookServices/detail/components/tree/index.js b/packageBookService/pages/bookServices/detail/components/tree/index.js
index 3c8731f..1c287fe 100644
--- a/packageBookService/pages/bookServices/detail/components/tree/index.js
+++ b/packageBookService/pages/bookServices/detail/components/tree/index.js
@@ -208,6 +208,11 @@
wx.navigateTo({
url: `${url}?productLinkPath=${item.productLinkPath}&parentProductLinkPath=${parentProductLinkPath}&parentName=${parentName}&activeId=${item.id}&bookId=${this.properties.bookInfo.id}&bookName=${this.properties.bookInfo.name}&cmsId=${this.properties.bookInfo.rootCmsItemId}&formPath=${this.properties.tab}&applyState=${this.properties.applyState}&deadline=${this.properties.deadline}`,
});
+<<<<<<< Updated upstream
+=======
+
+ // debugger
+>>>>>>> Stashed changes
if (item.selectType == "pdf" || item.selectType == "document") {
const fileLink = item.file ? item.file : item.freeFile
console.log(fileLink);
@@ -216,8 +221,12 @@
fileLink +
"&fileName=" +
item.name +
+<<<<<<< Updated upstream
"&fileType=pdf" +
"&bookBuy=true"
+=======
+ "&fileType=pdf" + "&bookBuy=true"
+>>>>>>> Stashed changes
});
}
// if (item.selectType == "document") {
diff --git a/pages/retrievalPage/index.js b/pages/retrievalPage/index.js
index dd71f0d..4346ab2 100644
--- a/pages/retrievalPage/index.js
+++ b/pages/retrievalPage/index.js
@@ -40,6 +40,39 @@
},
tabValue: 0,
tabPanelstyle: 'display:flex;justify-content:center;align-items:center;',
+ // tab閫夐」
+ tabList: [{
+ title: "鍥句功",
+ index: "0",
+ // bookTotal: this.data.bookTotal
+ },
+ {
+ title: "璇剧▼",
+ index: "1",
+ // bookTotal: this.data.courseTotal
+ },
+ {
+ title: "鏁板瓧鏁欐潗",
+ index: "2",
+ // bookTotal: this.data.digitalTextbooksTotal
+ }, {
+ title: "涓撻",
+ index: "3",
+ // bookTotal: this.data.seminarTotal
+ },
+ {
+ title: "涔︾洰",
+ index: "4",
+ // bookTotal: this.data.bookFairTotal
+ },
+ {
+ title: "涔﹀睍",
+ index: "5",
+ // bookTotal: this.data.biblioClassificationTotal
+ },
+ ],
+ tabsId: 0, //榛樿閫夊瀷涓鸿澶�
+
},
/**
@@ -866,5 +899,24 @@
},
onTabsClick(event) {
console.log(`Click tab, tab-panel value is ${event.detail.value}.`);
- }
+ },
+ tabClick() {
+ console.log(2323);
+ },
+ // 婊戝姩鏃惰Е鍙戠殑浜嬩欢
+ slideOn(e) {
+ // 鎷垮埌褰撳墠绱㈠紩骞跺姩鎬佹敼鍙�
+ this.setData({
+ tabsId: e.detail.current
+ })
+ },
+
+ //鐐瑰嚮tab鏃惰Е鍙�
+ tabsOn(e) {
+ this.setData({
+ //鎷垮埌褰撳墠绱㈠紩骞跺姩鎬佹敼鍙�
+ tabsId: e.currentTarget.dataset.idx
+ })
+ },
+
})
\ No newline at end of file
diff --git a/pages/retrievalPage/index.skeleton.wxml b/pages/retrievalPage/index.skeleton.wxml
index cb326da..0f5e8ce 100644
--- a/pages/retrievalPage/index.skeleton.wxml
+++ b/pages/retrievalPage/index.skeleton.wxml
@@ -1,5 +1,5 @@
<!--
-姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/7/5涓嬪崍5:40:28
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/7/8涓婂崍11:50:19
浣跨敤鏂规硶锛�
鍦� F:\project-2024\jsek-applet\pages\retrievalPage\index.wxml 寮曞叆妯℃澘
@@ -25,113 +25,123 @@
<view class="t-icon icon--t-icon search--t-icon " style="font-size: 24px;">
<label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
</view>
- <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="绠＄悊"></view>
- <view class="t-search__clear search--t-search__clear sk-button sk-pseudo sk-pseudo-circle">
- <view class="t-icon icon--t-icon " style="font-size: 24px;">
- <label class="t-icon-close-circle-filled icon--t-icon-close-circle-filled t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
+ <view class="t-input__keyword search--t-input__keyword sk-image" cursor="-1" maxlength="-1" name="input" placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view>
+ </view>
+ </view>
+ <view class="cancellation sk-transparent sk-text-14-2857-553 sk-text">鍙栨秷</view>
+ </view>
+ </view>
+ </view>
+ <view>
+ <view class="navBox">
+ <view class="titleBox" data-idx="0">
+ <view class="tabIndexBox">
+ <text class="fontColorBox sk-transparent sk-text-18-1818-122 sk-text">鍥句功 </text>
+ </view>
+ <hr class="lineBox">
+ </hr>
+ </view>
+ <view class="titleBox" data-idx="1">
+ <view class="tabIndexBox">
+ <text class="sk-transparent sk-text-18-1818-139 sk-text">璇剧▼ </text>
+ </view>
+ <hr>
+ </hr>
+ </view>
+ <view class="titleBox" data-idx="2">
+ <view class="tabIndexBox">
+ <text class="sk-transparent sk-text-18-1818-918 sk-text">鏁板瓧鏁欐潗 </text>
+ </view>
+ <hr>
+ </hr>
+ </view>
+ <view class="titleBox" data-idx="3">
+ <view class="tabIndexBox">
+ <text class="sk-transparent sk-text-18-1818-210 sk-text">涓撻 </text>
+ </view>
+ <hr>
+ </hr>
+ </view>
+ <view class="titleBox" data-idx="4">
+ <view class="tabIndexBox">
+ <text class="sk-transparent sk-text-18-1818-196 sk-text">涔︾洰 </text>
+ </view>
+ <hr>
+ </hr>
+ </view>
+ <view class="titleBox" data-idx="5">
+ <view class="tabIndexBox">
+ <text class="sk-transparent sk-text-18-1818-674 sk-text">涔﹀睍 </text>
+ </view>
+ <hr>
+ </hr>
+ </view>
+ </view>
+ <swiper circular="true" class="swiperTtemBox" current="0" autoplay="false">
+ <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
+ <scroll-view class="scrollViewBox" scroll-y="true">
+ <view class="bookDataBox">
+ <view class="bookDataForBox" data-item="[object Object]">
+ <view class="imageBox">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="bookDataNmae sk-transparent sk-text-14-2857-702 sk-text"> 鏂扮紪鍥藉璇绘湰 </view>
+ <view class="bookDataAuthor"></view>
+ </view>
+ <view class="bookDataForBox" data-item="[object Object]">
+ <view class="imageBox">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="bookDataNmae sk-transparent sk-text-14-2857-418 sk-text"> 鍙ｆ墠涓庡啓浣滆缁冩暀绋� </view>
+ <view class="bookDataAuthor sk-transparent sk-text-14-2857-299 sk-text">瀛欏皬椋�</view>
+ </view>
+ <view class="bookDataForBox" data-item="[object Object]">
+ <view class="imageBox">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="bookDataNmae sk-transparent sk-text-14-2857-392 sk-text"> 鑱屼笟閬撳痉鏁欒偛涓庡氨涓氭寚瀵硷紙绗�3鐗堬級 </view>
+ <view class="bookDataAuthor sk-transparent sk-text-14-2857-699 sk-text">瀛欑彮鎵�</view>
+ </view>
+ <view class="bookDataForBox" data-item="[object Object]">
+ <view class="imageBox">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="bookDataNmae sk-transparent sk-text-14-2857-642 sk-text"> 鑱屼笟鐢熸动瑙勫垝锛堢2鐗堬級 </view>
+ <view class="bookDataAuthor sk-transparent sk-text-14-2857-92 sk-text">瀛欏叏杈�</view>
+ </view>
+ <view class="bookDataForBox" data-item="[object Object]">
+ <view class="imageBox">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="bookDataNmae sk-transparent sk-text-14-2857-293 sk-text"> 鑱屼笟绀间华锛堢2鐗堬級 </view>
+ <view class="bookDataAuthor sk-transparent sk-text-14-2857-523 sk-text">鍙查攱</view>
+ </view>
+ <view class="bookDataForBox" data-item="[object Object]">
+ <view class="imageBox">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ <view class="bookDataNmae sk-transparent sk-text-14-2857-831 sk-text"> 涓崕绀间华 </view>
+ <view class="bookDataAuthor sk-transparent sk-text-14-2857-878 sk-text">椴佹檽鍙�</view>
+ </view>
+ <view class="bookDataForBox" data-item="[object Object]">
+ <view class="imageBox">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ </view>
+ <view class="bookDataForBox" data-item="[object Object]">
+ <view class="imageBox">
+ <image mode="aspectFit" class="sk-image"></image>
+ </view>
+ </view>
+ <view class="bookDataForBox" data-item="[object Object]">
+ <view class="imageBox">
+ <image mode="aspectFit" class="sk-image"></image>
</view>
</view>
</view>
- </view>
- <view class="cancellation sk-transparent sk-text-14-2857-133 sk-text">鍙栨秷</view>
- </view>
- </view>
- <view class="tabsBox">
- <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top t-tabs">
- <view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
- <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
- <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
- <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top" scroll-left="0" scroll-x="true">
- <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
- <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active sk-image" data-index="0">
- <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-879 sk-text">鍥句功(29)</view>
- </view>
- <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
- <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-630 sk-text">璇剧▼(0)</view>
- </view>
- <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2">
- <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-636 sk-text">鏁板瓧鏁欐潗(0)</view>
- </view>
- <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="3">
- <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-81 sk-text">涓撻(0)</view>
- </view>
- <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="4">
- <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-620 sk-text">涔︾洰(0)</view>
- </view>
- </view>
- </scroll-view>
- </view>
- </view>
- </view>
- <view class="t-tabs__content tabs--t-tabs__content">
- <view class="t-tabs__content-inner tabs--t-tabs__content-inner " style="true">
- <view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="display:flex;justify-content:center;align-items:center;" id="edf48e66--t_tabs_3_panel_0">
- <scroll-view class="scrollViewBox" scroll-y="true">
- <view class="bookDataBox">
- <view class="bookDataForBox" data-item="[object Object]">
- <view class="imageBox">
- <image mode="true" class="sk-image"></image>
- </view>
- <view class="bookDataNmae sk-transparent sk-text-14-2857-213 sk-text"> 閰掑簵绠＄悊姒傝 </view>
- <view class="bookDataAuthor"></view>
- </view>
- <view class="bookDataForBox" data-item="[object Object]">
- <view class="imageBox">
- <image mode="aspectFit" class="sk-image"></image>
- </view>
- <view class="bookDataNmae sk-transparent sk-text-14-2857-679 sk-text"> 椁愰ギ鏈嶅姟涓庣鐞嗗疄鍔� </view>
- <view class="bookDataAuthor sk-transparent sk-text-14-2857-898 sk-text">闄堢▼ 鏉庢檽涓� 鐜嬭壋涓�</view>
- </view>
- <view class="bookDataForBox" data-item="[object Object]">
- <view class="imageBox">
- <image mode="aspectFit" class="sk-image"></image>
- </view>
- <view class="bookDataNmae sk-transparent sk-text-14-2857-423 sk-text"> 涓鏈嶅姟涓庣鐞� </view>
- <view class="bookDataAuthor sk-transparent sk-text-14-2857-836 sk-text">鐜嬪鎯�</view>
- </view>
- <view class="bookDataForBox" data-item="[object Object]">
- <view class="imageBox">
- <image mode="true" class="sk-image"></image>
- </view>
- <view class="bookDataNmae sk-transparent sk-text-14-2857-912 sk-text"> 鍓嶅巺瀹㈡埧鏈嶅姟涓庣鐞� </view>
- <view class="bookDataAuthor sk-transparent sk-text-14-2857-579 sk-text">瀛熷簡浼� 鐜嬪潳鍧� 娈靛瓱闇�</view>
- </view>
- <view class="bookDataForBox" data-item="[object Object]">
- <view class="imageBox">
- <image mode="aspectFit" class="sk-image"></image>
- </view>
- <view class="bookDataNmae sk-transparent sk-text-14-2857-944 sk-text"> 鏁版嵁璧勪骇绠＄悊锛堝垵绾э級 </view>
- <view class="bookDataAuthor sk-transparent sk-text-14-2857-597 sk-text">鍖椾含涔呭叾杞欢鑲′唤鏈夐檺鍏徃 缁勭紪</view>
- </view>
- <view class="bookDataForBox" data-item="[object Object]">
- <view class="imageBox">
- <image mode="aspectFit" class="sk-image"></image>
- </view>
- <view class="bookDataNmae sk-transparent sk-text-14-2857-15 sk-text"> 瀛﹀墠鏁欒偛绠＄悊瀛︼紙绗�3鐗堬級 </view>
- <view class="bookDataAuthor sk-transparent sk-text-14-2857-263 sk-text">寮犵嚂</view>
- </view>
- <view class="bookDataForBox" data-item="[object Object]">
- <view class="imageBox">
- <image mode="true" class="sk-image"></image>
- </view>
- </view>
- <view class="bookDataForBox" data-item="[object Object]">
- <view class="imageBox">
- <image mode="true" class="sk-image"></image>
- </view>
- </view>
- <view class="bookDataForBox" data-item="[object Object]">
- <view class="imageBox">
- <image mode="aspectFit" class="sk-image"></image>
- </view>
- </view>
- </view>
- </scroll-view>
- </view>
- </view>
- </view>
- </view>
- </view>
+ </scroll-view>
+ </swiper-item>
+ </swiper>
</view>
</view>
</template>
\ No newline at end of file
diff --git a/pages/retrievalPage/index.skeleton.wxss b/pages/retrievalPage/index.skeleton.wxss
index c4e267c..f896aa6 100644
--- a/pages/retrievalPage/index.skeleton.wxss
+++ b/pages/retrievalPage/index.skeleton.wxss
@@ -1,5 +1,5 @@
/*
-姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/7/5涓嬪崍5:40:28
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/7/8涓婂崍11:50:19
鍦� F:\project-2024\jsek-applet\pages\retrievalPage\index.wxss 涓紩鍏ユ牱寮�
```
@@ -9,127 +9,160 @@
鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
- color: transparent !important;
- }
-.sk-text-14-2857-133 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 44.8000rpx;
- position: relative !important;
- }
+ color: transparent !important;
+}
+
+.sk-text-14-2857-553 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 44.8000rpx;
+ position: relative !important;
+}
+
.sk-text {
- background-origin: content-box !important;
- background-clip: content-box !important;
- background-color: transparent !important;
- color: transparent !important;
- background-repeat: repeat-y !important;
- }
-.sk-text-14-2857-879 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 39.2000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-630 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 39.2000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-636 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 39.2000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-81 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 39.2000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-620 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 39.2000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-213 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 33.6000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-679 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 33.6000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-898 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 30.8000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-423 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 33.6000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-836 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 30.8000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-912 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 33.6000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-579 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 30.8000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-944 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 33.6000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-597 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 30.8000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-15 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 33.6000rpx;
- position: relative !important;
- }
-.sk-text-14-2857-263 {
- background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
- background-size: 100% 30.8000rpx;
- position: relative !important;
- }
+ background-origin: content-box !important;
+ background-clip: content-box !important;
+ background-color: transparent !important;
+ color: transparent !important;
+ background-repeat: repeat-y !important;
+}
+
+.sk-text-18-1818-122 {
+ background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+ background-size: 100% 44.0000rpx;
+ position: relative !important;
+}
+
+.sk-text-18-1818-139 {
+ background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+ background-size: 100% 44.0000rpx;
+ position: relative !important;
+}
+
+.sk-text-18-1818-918 {
+ background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+ background-size: 100% 44.0000rpx;
+ position: relative !important;
+}
+
+.sk-text-18-1818-210 {
+ background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+ background-size: 100% 44.0000rpx;
+ position: relative !important;
+}
+
+.sk-text-18-1818-196 {
+ background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+ background-size: 100% 44.0000rpx;
+ position: relative !important;
+}
+
+.sk-text-18-1818-674 {
+ background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
+ background-size: 100% 44.0000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-702 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 33.6000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-418 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 33.6000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-299 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 30.8000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-392 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 33.6000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-699 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 30.8000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-642 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 33.6000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-92 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 30.8000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-293 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 33.6000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-523 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 30.8000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-831 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 33.6000rpx;
+ position: relative !important;
+}
+
+.sk-text-14-2857-878 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 30.8000rpx;
+ position: relative !important;
+}
+
.sk-button {
- color: #EFEFEF !important;
- background: #EFEFEF !important;
- border: none !important;
- box-shadow: none !important;
- }
+ color: #EFEFEF !important;
+ background: #EFEFEF !important;
+ border: none !important;
+ box-shadow: none !important;
+}
+
.sk-image {
- background: #EFEFEF !important;
- }
-.sk-pseudo::before, .sk-pseudo::after {
- background: #EFEFEF !important;
- background-image: none !important;
- color: transparent !important;
- border-color: transparent !important;
- }
-.sk-pseudo-rect::before, .sk-pseudo-rect::after {
- border-radius: 0 !important;
- }
-.sk-pseudo-circle::before, .sk-pseudo-circle::after {
- border-radius: 50% !important;
- }
+ background: #EFEFEF !important;
+}
+
+.sk-pseudo::before,
+.sk-pseudo::after {
+ background: #EFEFEF !important;
+ background-image: none !important;
+ color: transparent !important;
+ border-color: transparent !important;
+}
+
+.sk-pseudo-rect::before,
+.sk-pseudo-rect::after {
+ border-radius: 0 !important;
+}
+
+.sk-pseudo-circle::before,
+.sk-pseudo-circle::after {
+ border-radius: 50% !important;
+}
+
.sk-container {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- overflow: hidden;
- background-color: transparent;
- }
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background-color: transparent;
+}
\ No newline at end of file
diff --git a/pages/retrievalPage/index.wxml b/pages/retrievalPage/index.wxml
index 2ae370f..05e391a 100644
--- a/pages/retrievalPage/index.wxml
+++ b/pages/retrievalPage/index.wxml
@@ -8,10 +8,31 @@
<view class="cancellation" bind:tap="onCancellation">鍙栨秷</view>
</view>
</view>
- <!--pages/retrievalPage/index.wxml-->
- <view class="tabsBox">
- <t-tabs t-class="t-tabs" split="{{false}}" defaultValue="{{tabValue}}" bind:change="onTabsChange" bind:click="onTabsClick">
- <t-tab-panel label="鍥句功({{bookTotal}})" value="0" style="{{tabPanelstyle}}">
+
+
+ <view>
+ <!-- Tab甯冨眬 -->
+ <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}} </text>
+ <!-- <view style="font-size: 22rpx;"> ({{bookTotal}}) </view> -->
+ </view>
+
+
+ <hr class="{{item.index == tabsId ? 'lineBox' : ''}}" />
+ </view>
+ </view>
+ <!-- 鍐呭甯冨眬 -->
+ <swiper class="swiperTtemBox" bindchange="slideOn" current="{{tabsId}}" circular>
+ <!-- circular 鍚敤寰幆婊戝姩 -->
+ <swiper-item>
+ <view wx:if="{{bookData.length <= 0}}" class="noDataBox">
+ <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+ </view>
<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">
@@ -32,8 +53,16 @@
<empty />
</view>
</scroll-view>
- </t-tab-panel>
- <t-tab-panel label="璇剧▼({{courseTotal}})" value="1">
+ </swiper-item>
+ <swiper-item>
+
+
+
+
+ <view wx:if="{{courseData.length <= 0}}" class="noDataBox">
+ <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+ </view>
+
<scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
<view class="listBox1">
<view>
@@ -67,8 +96,12 @@
<empty />
</view>
</scroll-view>
- </t-tab-panel>
- <t-tab-panel label="鏁板瓧鏁欐潗({{digitalTextbooksTotal}})" value="2">
+
+ </swiper-item>
+ <swiper-item>
+ <view wx:if="{{digitalTextbooksData.length <= 0}}" class="noDataBox">
+ <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+ </view>
<scroll-view scroll-y="{{true}}" class="scrollViewBox" bindscrolltolower="onScrollToLower">
<view class="bookDataBox">
@@ -90,8 +123,14 @@
<empty />
</view>
</scroll-view>
- </t-tab-panel>
- <t-tab-panel label="涓撻({{seminarTotal}})" value="3">
+
+ </swiper-item>
+ <swiper-item>
+
+ <view wx:if="{{seminarData.length <= 0}}" class="noDataBox">
+ <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+ </view>
+
<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">
@@ -122,8 +161,12 @@
<empty />
</view>
</scroll-view>
- </t-tab-panel>
- <t-tab-panel label="涔︾洰({{bookFairTotal}})" value="4">
+
+ </swiper-item>
+ <swiper-item>
+ <view wx:if="{{bookFairData.length <= 0 }}" class="noDataBox">
+ <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+ </view>
<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">
@@ -149,8 +192,13 @@
<empty />
</view>
</scroll-view>
- </t-tab-panel>
- <t-tab-panel label="涔﹀睍({{biblioClassificationTotal}})" value="5">
+ </swiper-item>
+ <swiper-item>
+ <view wx:if="{{biblioClassificationData.length <= 0}}" class="noDataBox">
+ <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" />
+ </view>
+
+
<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}}">
@@ -170,12 +218,12 @@
<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
diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss
index 08661bf..d6e7896 100644
--- a/pages/retrievalPage/index.wxss
+++ b/pages/retrievalPage/index.wxss
@@ -398,4 +398,68 @@
.t-overlay.overlay--t-overlay {
z-index: -9999 !important;
+}
+
+
+
+
+
+.navBox {
+ /* tab鏁翠綋鏍峰紡 */
+ height: 70rpx;
+
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ border-bottom: 2rpx solid rgb(243, 244, 249);
+ line-height: 45rpx;
+ margin-top: 20rpx;
+ /* overflow-y: scroll; */
+ display: flex;
+ flex: 1 0 auto;
+
+ /*
+ overflow-x: hidden; */
+}
+
+.fontColorBox {
+ /* 閫変腑tab鏍峰紡 */
+ color: #FF6C00;
+ font-weight: bold;
+
+}
+
+.titleBox {
+ /* 鏈�変腑tab鏍峰紡 */
+ height: 70rpx;
+ color: rgb(168, 170, 175);
+ font-size: 28rpx;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+}
+
+.lineBox {
+ /* 绾挎潯鏍峰紡 */
+ width: 32rpx;
+ height: 8rpx;
+ background: #FF6C00;
+ margin-top: 10rpx;
+ border-radius: 4rpx;
+}
+
+.swiperTtemBox {
+ /* 鍐呭鏍峰紡 */
+ /* padding: 16rpx; */
+ font-size: 28rpx;
+ height: calc(100vh - 150rpx);
+}
+
+.tabIndexBox {
+ display: flex;
+ margin: 0 20rpx;
+
+
+
}
\ No newline at end of file
--
Gitblit v1.9.1