From 0e292005a339a4974712541a831e9746c4ee0a7b Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期五, 29 三月 2024 14:38:17 +0800 Subject: [PATCH] 音频播放按钮 --- pages/bookExhibitionList/index.wxss | 3 pages/bookExhibitionList/index.js | 30 ++-- assets/js/config.js | 10 + pages/retrievalPage/index.wxml | 284 +++++++++++++++++++++++----------------------- packageDomain/pages/resourceDetails/myAudio/index.wxss | 10 + packageDomain/pages/resourceDetails/myAudio/index.wxml | 5 pages/retrievalPage/index.wxss | 11 + 7 files changed, 184 insertions(+), 169 deletions(-) diff --git a/assets/js/config.js b/assets/js/config.js index 6a3ba60..3c3802f 100644 --- a/assets/js/config.js +++ b/assets/js/config.js @@ -1,7 +1,7 @@ -// export const requestCtx = "http://182.92.203.7:3001"; // 璇锋眰鍦板潃 -// export const appId = 27; -export const requestCtx = "https://jsek.bnuic.com" // 璇锋眰鍦板潃 -export const appId = 3; +export const requestCtx = "http://182.92.203.7:3001"; // 璇锋眰鍦板潃 +export const appId = 27; +// export const requestCtx = "https://jsek.bnuic.com" // 璇锋眰鍦板潃 +// export const appId = 3; // export const epubUrl = "http://182.92.203.7:3007/epubReadMobile/"; export const epubUrl = "http://jsysf.bnuic.com/epubReadMobile/#/"; export const requestTimeOut = 300000; // 璇锋眰瓒呮椂鏃堕棿 @@ -16,6 +16,8 @@ export const seminar = "jsek_seminar"; //涓撻鐮旇 export const digitalRead = "jsek_digitalReading"; //鏁板瓧闃呰 +// export const seminar ="jsek_seminar";//涔﹀睍 + export const reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/; // 鐢佃瘽鍙锋鍒� export const reg_telphone = /^0\d{2}-\d{8}$|^0\d{3}-\d{7}$/; //搴ф満鍙锋鍒� diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxml b/packageDomain/pages/resourceDetails/myAudio/index.wxml index 22dee84..bd26882 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.wxml +++ b/packageDomain/pages/resourceDetails/myAudio/index.wxml @@ -27,8 +27,9 @@ <view wx:if="{{!isplay}}" bind:tap='play'> <t-icon name="play-circle-stroke" size="24" /> </view> - <view wx:else bind:tap="stop"> - <t-icon name="pause-circle-stroke" size="24" /> + <view wx:else bind:tap="stop" class="pauseCircleBox"> + <!-- <t-icon name="pause-circle-stroke" size="24" /> --> + <image src="/static/images/resourceDetailsMyAudio/zanting@2x.png" mode="" /> </view> </view> <slider style="width: 300rpx;" activeColor='#FF6C00' class="mp-slider-bar" block-size="16" value="{{myAudioPos}}" bindchange="hanle_slider_change"></slider> diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxss b/packageDomain/pages/resourceDetails/myAudio/index.wxss index c42317f..bd62cf6 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.wxss +++ b/packageDomain/pages/resourceDetails/myAudio/index.wxss @@ -348,4 +348,14 @@ .audioIconBox { width: 50rpx; +} + +.pauseCircleBox { + width: 50rpx; + height: 50rpx; +} + +.pauseCircleBox image { + width: 100%; + height: 100%; } \ No newline at end of file diff --git a/pages/bookExhibitionList/index.js b/pages/bookExhibitionList/index.js index babb3d4..bd39345 100644 --- a/pages/bookExhibitionList/index.js +++ b/pages/bookExhibitionList/index.js @@ -26,8 +26,7 @@ }, product: { value: '*', - options: [ - { + options: [{ value: '*', label: '鎬诲垎绫�', }, @@ -64,11 +63,11 @@ /** - * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍔犺浇 - */ + * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍔犺浇 + */ onLoad(options) { - + console.log(this.data.keynoteDisabled, 'keynoteDisabled'); // console.log(this.data.filteredItems, 88888); const systInfo = wx.getSystemInfoSync(); const menu = wx.getMenuButtonBoundingClientRect(); // 鑳跺泭淇℃伅 @@ -287,14 +286,20 @@ const newValue = e.detail.value; const selectedOption = this.data.product.options.find(option => option.value === newValue); const newPrice = selectedOption ? selectedOption.price : null; + const bookExhibitionListsubsidiary = [] + this.setData({ + bookExhibitionListsubsidiary: this.data.bookExhibitionList + }) + console.log(bookExhibitionListsubsidiary, 'bookExhibitionListsubsidiary'); console.log(newValue, 'newValue'); console.log(newPrice, 'newPrice'); + if (newPrice) { this.setData({ keynoteDisabled: false }) - - } else { + } + if (!newPrice) { this.setData({ keynoteDisabled: true }) @@ -313,9 +318,6 @@ this.bookExhibitionGet(newValue) this.onLoad() } - - - }, // 閲嶇偣椤圭洰 @@ -327,7 +329,9 @@ }, handleConfirm(event) { - const { value } = event.detail; + const { + value + } = event.detail; // 纭鎿嶄綔鐨勫鐞嗛�昏緫 console.log('纭鎿嶄綔锛岄�変腑鐨勫�间负锛�', value); @@ -342,10 +346,6 @@ this.bookExhibitionGet() }, onSwapRight() { - // console.log('xxxxxx'); - // this.data.nameSort = 'Asc' - - if (!this.data.nameSort) { this.setData({ nameSort: 'Desc', diff --git a/pages/bookExhibitionList/index.wxss b/pages/bookExhibitionList/index.wxss index b7dcccc..6443624 100644 --- a/pages/bookExhibitionList/index.wxss +++ b/pages/bookExhibitionList/index.wxss @@ -141,7 +141,6 @@ background-color: #F2F3F8; min-height: 90vh; margin-top: 270rpx; - } .t-dropdown-menu:after, @@ -219,11 +218,9 @@ .menu--t-dropdown-menu::after { background-color: var(--td-component-border, var(--td-gray-color-4, #fff)) !important; - } .noData { - margin: 0 auto; margin-top: 100rpx; } diff --git a/pages/retrievalPage/index.wxml b/pages/retrievalPage/index.wxml index 228ef28..8a16098 100644 --- a/pages/retrievalPage/index.wxml +++ b/pages/retrievalPage/index.wxml @@ -19,182 +19,182 @@ <!--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" sticky="true"> - <t-tab-panel label="鍥句功({{bookTotal}})" value="0"> - <view wx:if="{{bookData.length <= 0}}" class="noDataBox"> - <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> - </view> - <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"> - <view class="imageBox"> - <image src="{{item.icon}}" mode="aspectFill" /> - </view> - <view class="bookDataNmae"> - {{item.name}} - </view> - <view class="bookDataAuthor">{{item.author}}</view> + <view class="tabsBox"> + <!-- sticky="true" --> + <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel" sticky="true"> + <t-tab-panel label="鍥句功({{bookTotal}})" value="0"> + <view wx:if="{{bookData.length <= 0}}" class="noDataBox"> + <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> </view> - </view> - <view wx:if="{{bookData.length != 0}}" class="bottom-box"> - <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" /> - <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text> - </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> + <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"> + <view class="imageBox"> + <image src="{{item.icon}}" mode="aspectFill" /> + </view> + <view class="bookDataNmae"> + {{item.name}} + </view> + <view class="bookDataAuthor">{{item.author}}</view> + </view> + </view> + <view wx:if="{{bookData.length != 0}}" class="bottom-box"> + <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" /> + <text wx:if="{{isMore == false}}">娌℃湁鏇村浜�</text> + </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> - <view class="listBox1"> + <view class="listBox1"> - <view> - <view wx:for="{{courseData}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="listItemBox"> - <view class="listItem flex"> + <view> + <view wx:for="{{courseData}}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="toList" data-info="{{item}}" class="listItemBox"> + <view class="listItem flex"> + <view class="specialSubject-img-box"> + <image src="{{item.icon}}" mode="aspectFill" /> + </view> + <view class="body-info"> + <view class="name">{{item.name}}</view> + <view class="flex jc-sb"> + <text class="author">{{item.courseLeader}}</text> + <text>{{item.classHours}}璇炬椂</text> + </view> + <view class="priceBox flex jc-sb"> + <text class="price" wx:if="{{item.price == 0}}">鍏嶈垂</text> + <text class="price" wx:if="{{item.price !== 0}}">锟{item.price}}</text> + <image src="/static/images/home/home-cart.png" mode="aspectFill" class="addCartImg" /> + </view> + </view> + </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> + </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> + + <view class="bookDataBox"> + + + <view class="bookDataForBox" wx:for="{{digitalTextbooksData}}" wx:key="index" wx:for-item="item" wx:for-index="index"> + <view class="imageBox"> + <image src="{{item.icon}}" mode="" /> + </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> + + + + </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> + <view class="listBox"> + <view wx:for="{{seminarData}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox"> + <view class="listItem" bindtap="goSubjectDetail" data-book="{{item}}"> <view class="specialSubject-img"> <image src="{{item.icon}}" mode="aspectFill" class="img" /> </view> <view class="body-info"> <view class="name">{{item.name}}</view> + <view class="time" wx:if="{{item.liveTime}}">鐩存挱鏃堕棿锛歿{item.liveTime}}</view> + <view class="time" wx:if="{{item.startTime}}">寮�鎾椂闂达細{{ item.startTime }}</view> + <view class="time" wx:if="{{!item.liveTime && !item.startTime}}">寮�鎾椂闂达細<text class="grey">寰呭畾</text></view> <view class="flex jc-sb"> - <text class="author">{{item.courseLeader}}</text> - <text>{{item.classHours}}璇炬椂</text> - </view> - <view class="priceBox flex jc-sb"> + <text class="author">{{item.lecturer}} {{item.position}}</text> <text class="price" wx:if="{{item.price == 0}}">鍏嶈垂</text> <text class="price" wx:if="{{item.price !== 0}}">锟{item.price}}</text> - <image src="/static/images/home/home-cart.png" mode="aspectFill" class="addCartImg" /> </view> </view> </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> - </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> - - <view class="bookDataBox"> - - - <view class="bookDataForBox" wx:for="{{digitalTextbooksData}}" wx:key="index" wx:for-item="item" wx:for-index="index"> - <view class="imageBox"> - <image src="{{item.icon}}" mode="" /> - </view> - <view class="bookDataNmae"> - {{item.name}} - </view> - <view class="bookDataAuthor">{{item.author}}</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> - - <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> + </t-tab-panel> + <t-tab-panel label="涔︾洰({{bookFairTotal}})" value="4"> - </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> - <view class="listBox"> - <view wx:for="{{seminarData}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="listItemBox"> - <view class="listItem" bindtap="goSubjectDetail" data-book="{{item}}"> - <view class="specialSubject-img"> - <image src="{{item.icon}}" mode="aspectFill" class="img" /> - </view> - <view class="body-info"> - <view class="name">{{item.name}}</view> - <view class="time" wx:if="{{item.liveTime}}">鐩存挱鏃堕棿锛歿{item.liveTime}}</view> - <view class="time" wx:if="{{item.startTime}}">寮�鎾椂闂达細{{ item.startTime }}</view> - <view class="time" wx:if="{{!item.liveTime && !item.startTime}}">寮�鎾椂闂达細<text class="grey">寰呭畾</text></view> - <view class="flex jc-sb"> - <text class="author">{{item.lecturer}} {{item.position}}</text> - <text class="price" wx:if="{{item.price == 0}}">鍏嶈垂</text> - <text class="price" wx:if="{{item.price !== 0}}">锟{item.price}}</text> + <view wx:if="{{bookFairData.length <= 0 }}" class="noDataBox"> + <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> + </view> + <view class="outsideHigherBox"> + + <view class="higherBox" wx:for="{{bookFairData}}" wx:key="index" wx:for-item="item" wx:for-index="index"> + <view class="outsideHigherImageBox"> + <image class="higherImageBox" src="{{item.icon}}" mode="" /> + <view class="downloadIcon" bind:tap="downloadData" data-item="{{item}}"> + + <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/downloadshiftin.png" mode="" /> + <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/download.png" mode="" /> </view> </view> - </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> - - </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> - <view class="outsideHigherBox"> - - <view class="higherBox" wx:for="{{bookFairData}}" wx:key="index" wx:for-item="item" wx:for-index="index"> - <view class="outsideHigherImageBox"> - <image class="higherImageBox" src="{{item.icon}}" mode="" /> - <view class="downloadIcon" bind:tap="downloadData" data-item="{{item}}"> - - <image wx:if="{{determine}}" class="download" src="/static/images/bibliographyList/downloadshiftin.png" mode="" /> - <image wx:else="" class="downloadshiftin" src="/static/images/bibliographyList/download.png" mode="" /> - </view> + <view class="higherTextBox">{{item.name}}</view> </view> - <view class="higherTextBox">{{item.name}}</view> </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> - - - - - </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> - <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 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> - <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> - </t-tab-panel> - </t-tabs> -</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> + <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> + + </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> + + </t-tab-panel> + </t-tabs> + </view> </view> \ No newline at end of file diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss index d036de1..96ded0b 100644 --- a/pages/retrievalPage/index.wxss +++ b/pages/retrievalPage/index.wxss @@ -4,7 +4,6 @@ background-color: #fff; display: flex; align-items: center; - } .navbar-title { @@ -77,7 +76,6 @@ -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; - } @@ -114,11 +112,18 @@ padding: 30rpx; } -.listBox1 .specialSubject-img { + + +.specialSubject-img-box { width: 400rpx; height: 218rpx; } +.specialSubject-img-box image { + width: 380rpx; + height: 218rpx; +} + .listBox1 .addCartImg, .listBox3 .addCartImg { width: 30rpx; -- Gitblit v1.9.1