From cfd502b3e4c27bf8d0d92002e918835dccb06e05 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 19 九月 2024 21:05:51 +0800 Subject: [PATCH] 云学习资源购买按钮 --- pages/retrievalPage/index.wxml | 183 ++++++++++++++++++++++++++------------------- 1 files changed, 105 insertions(+), 78 deletions(-) diff --git a/pages/retrievalPage/index.wxml b/pages/retrievalPage/index.wxml index 91098b4..60273d6 100644 --- a/pages/retrievalPage/index.wxml +++ b/pages/retrievalPage/index.wxml @@ -8,25 +8,39 @@ bind:submit="onSearchSubmit" class="searchBox" model:value="{{searchVal}}" - placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��" + placeholder="璇疯緭鍏ュ叧閿瘝/涔﹀悕/ISBN/浣滆��/椤圭洰璐熻矗浜�" /> <view class="cancellation" bind:tap="onCancellation">鍙栨秷</view> </view> </view> - <!--pages/retrievalPage/index.wxml--> - - <view class="tabsBox"> - <!-- sticky="true" --> - <t-tabs - value="{{tabValue}}" - bind:change="onTabsChange" - 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" @@ -58,7 +72,7 @@ <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" @@ -67,13 +81,13 @@ /> <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" @@ -131,12 +145,13 @@ /> <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" @@ -169,12 +184,13 @@ /> <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" @@ -224,7 +240,6 @@ </view> </view> </view> - <view wx:if="{{seminarData.length != 0}}" class="bottom-box"> <t-loading theme="circular" @@ -234,13 +249,13 @@ /> <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" @@ -255,17 +270,17 @@ wx:for-index="index" > <view class="outsideHigherImageBox"> - <view class="higherImageBox" data-item="{{item}}"> - <image - bind:tap="downloadData" - src="{{item.icon}}" - mode="aspectFill" - /> + <view + class="higherImageBox" + bind:tap="openBookFair" + data-item="{{item}}" + > + <image src="{{item.icon}}" mode="aspectFill" /> <view class="downloadIcon" data-item="{{item}}" data-key="showWithInput" - bind:tap="mailbox" + catch:tap="mailbox" > <image wx:if="{{determine}}" @@ -295,16 +310,13 @@ /> <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" @@ -333,11 +345,10 @@ mode="" /> <view class="textBox" title="{{item.name}}"> - <text>{{item.subtitleName}}</text></view - > + <text>{{item.subtitleName}}</text> + </view> </view> </view> - <view wx:if="{{biblioClassificationData.length != 0}}" class="bottom-box" @@ -350,29 +361,45 @@ /> <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> + </swiper-item> + </swiper> </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" - /> + <!-- <view class="dialogBox" wx:if="{{showWithInput}}"> + <t-dialog visible="{{showWithInput}}" title="璇疯緭鍏ラ偖绠�" confirm-btn="纭畾" cancel-btn="鍙栨秷" bind:confirm="onConfirm" bind:cancel="closeDialog"> + <t-input value="{{input}}" borderless class="dialog-input" clearable slot="content" placeholder="璇疯緭鍏ラ偖绠卞彿" placeholder-class="placeholder" bindchange="onEmailInput" /> </t-dialog> + </view> --> +</view> +<view wx:if="{{showWithInput}}"> + <view class="popup-box" bindtap="closeDialog"></view> + <view class="info-center" style="top:{{height*0.4}}px;"> + <view> + <view class="row-info"> + <view class="body"> + <view class="dialog-title">璇疯緭鍏ラ偖绠�</view> + <view class="input-box"> + <t-input + style="{{inputStyle}}" + class="input" + placeholder="璇疯緭鍏ラ偖绠卞彿" + value="{{input}}" + bind:change="onEmailInput" + ></t-input> + </view> + </view> + <view class="row-btn"> + <view class="left-btn" bindtap="closeDialog">鍙栨秷</view> + <view class="right-btn" bindtap="onConfirm">纭</view> + </view> + </view> + </view> </view> </view> -- Gitblit v1.9.1