| packageBookService/pages/bookServices/detail/components/tree/index.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| pages/retrievalPage/index.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| pages/retrievalPage/index.skeleton.wxml | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| pages/retrievalPage/index.skeleton.wxss | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| pages/retrievalPage/index.wxml | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| pages/retrievalPage/index.wxss | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
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") { 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 }) }, }) 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> 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; } 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> 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; }
