From 4c472f6bbf82e5ef95b60ac8e417760d89a7ba36 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期五, 29 三月 2024 19:39:17 +0800 Subject: [PATCH] 购物车2 --- packageDomain/pages/resourceDetails/myAudio/index.js | 200 +++++++++++++++++++++++++++++++++++--------------- 1 files changed, 140 insertions(+), 60 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.js b/packageDomain/pages/resourceDetails/myAudio/index.js index 544125b..d2378ee 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.js +++ b/packageDomain/pages/resourceDetails/myAudio/index.js @@ -1,12 +1,15 @@ // pages/resourceDetails/index.js const app = getApp() const myAudio = wx.createInnerAudioContext(); +// innerAudioContext.onPlay(function callback), +// InnerAudioContext.onTimeUpdate(function callback) Page({ /** * 椤甸潰鐨勫垵濮嬫暟鎹� */ data: { + showDropdown: false, noteList: [], navBarHeight: '', barHeight: '', @@ -34,12 +37,29 @@ style: 'height: 248rpx', submitType: "new", // 鏂板缓 or 缂栬緫 noteId: '', - myAudioDuration: '', // 瑙嗛鏃堕棿 - myAudioCurrent: '', // 褰撳墠鎾斁杩涘害 + myAudioDuration: '00:00', // 瑙嗛鏃堕棿 + myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害 isplay: false, //鏄惁榛樿鎾斁, selectId: '', speed: 1.0, + myAudioPos: '' + }, + // // 鏃堕棿鏍煎紡鍖� + // format(t) { + // let time = Math.floor(t / 60) >= 10 ? Math.floor(t / 60) : '0' + Math.floor(t / 60); + // t = time + ':' + ((t % 60) / 100).toFixed(2).slice(-2); + // return t; + // }, + + // 杞寲鏃堕棿 + format(time) { + let minute = Math.floor(time / 60); + let second = Math.floor(time % 60); + minute = minute < 10 ? ("0" + minute) : minute; + second = second < 10 ? ("0" + second) : second; + let res = minute + ":" + second; + return res; }, audio: null, // 鏍煎紡鍖栫瑪璁版椂闂� @@ -55,18 +75,12 @@ return formattedDate }, - // 鏃堕棿鏍煎紡鍖� - format(t) { - let time = Math.floor(t / 60) >= 10 ? Math.floor(t / 60) : '0' + Math.floor(t / 60); - t = time + ':' + ((t % 60) / 100).toFixed(2).slice(-2); - return t; - }, + /** * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍔犺浇 */ onLoad(options) { - const systInfo = wx.getSystemInfoSync(); const menu = wx.getMenuButtonBoundingClientRect(); // 鑳跺泭淇℃伅 const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // 瀵艰埅鏍忛珮搴� @@ -87,11 +101,18 @@ this.getNoteList() - + this.setData({ + myAudioPos: '', + isplay: false, //鏄惁榛樿鎾斁, + myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害 + showData: '', + }); + myAudio.src = '' }, /** * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚 + * */ onReady() { @@ -102,6 +123,7 @@ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鏄剧ず */ onShow() { + }, @@ -145,7 +167,8 @@ onTabsClick(event) { - }, handleChange(e) { + }, + handleChange(e) { this.setData({ activeValues: e.detail.value, }); @@ -158,7 +181,7 @@ this.setData({ submitTitle: this.data.bookName, dialogKey: true, - // textvalue: '' + textvalue: '' }); @@ -174,8 +197,6 @@ wx.navigateBack(); }, resourceDetailsData() { - - let query = { path: '*', queryType: '*', @@ -210,19 +231,22 @@ threeLeveData: this.data.threeLeveData }) + this.data.threeLeveData.forEach((items, index) => { // 淇敼姝ゅ娣诲姞index鍙傛暟 + if (this.data.productLinkPath == items.productLinkPath) { + this.setData({ + showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file, + titleName: items.name + }) + this.pubulicPlayFun() + console.log(index, 'index'); + let selectedIndex = index; // 瀛樺偍閫変腑椤圭殑绱㈠紩 + this.setData({ + selectedId: selectedIndex // 璁剧疆閫変腑椤圭殑绱㈠紩 + }); + } + }); - if (this.data.productLinkPath == item.productLinkPath) { - console.log(item.id, 'index'); - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file, - titleName: item.name - }) - this.pubulicPlayFun() - // this.setData({ - // selectedId: index - // }) - } } }) @@ -232,30 +256,34 @@ }) }, onVideo(e) { + // console.log(e, 'e'); + this.setData({ + myAudioCurrent: '00:00', + myAudioPos: '', + + + isplay: false + }) + const item = e.currentTarget.dataset.item + console.log(item, 'item0980'); if (this.data.showData != '') { + + this.setData({ + titleName: item.name, + selectId: item.id, + selectedId: e.currentTarget.dataset.index, showData: '' }) + console.log(e.currentTarget.dataset.index, 'e.currentTarget.dataset.index'); + if (item.selectType == "audio") { + this.setData({ + showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file + }) + this.pubulicPlayFun() + } } - this.setData({ - selectedId: e.currentTarget.dataset.index, - - }) - - - this.setData({ - titleName: item.name, - selectId: item.id - }) - - if (item.selectType == "audio") { - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file - }) - this.pubulicPlayFun() - } - }, getProductUserSubmitTopicGet() { @@ -372,9 +400,9 @@ await app.MG.ugc.getTopicMessageList(query).then((res) => { // notePage.value.total = res.totalSize res.datas.forEach((item) => { - // item.compliceHover = false - // item.deleteHover = false + item.createDate = this.convertTimestamp(item.createDate) + console.log(item, 'item789'); }) this.setData({ "pageCount.total": res.totalSize, @@ -403,13 +431,15 @@ messageIds.push(id) wx.showModal({ title: '鎻愮ず', - content: '纭鍒犻櫎璇ョ瑪璁板悧锛�',//editable濡傛灉涓簍rue锛岃繖灏辨槸杈撳叆妗嗙殑鍐呭 - editable: false,//鏄惁鏄剧ず杈撳叆妗� - placeholderText: '璇疯緭鍏ュ唴瀹瑰惂',//杈撳叆妗嗙殑榛樿鍐呭 + content: '纭鍒犻櫎璇ョ瑪璁板悧锛�', //editable濡傛灉涓簍rue锛岃繖灏辨槸杈撳叆妗嗙殑鍐呭 + editable: false, //鏄惁鏄剧ず杈撳叆妗� + placeholderText: '璇疯緭鍏ュ唴瀹瑰惂', //杈撳叆妗嗙殑榛樿鍐呭 success: (res) => { if (res.confirm) { app.MG.ugc - .delTopicMessage({ messageIds }) + .delTopicMessage({ + messageIds + }) .then((res) => { wx.showToast({ title: '鍒犻櫎鎴愬姛', @@ -513,23 +543,26 @@ }, // 鎾斁鍏叡浠g爜 pubulicPlayFun() { - - myAudio.src = this.data.showData console.log(myAudio.src); // 鍦╫nCanplay閲岃幏鍙栧苟璁剧疆闊抽鏃堕暱鍜屾挱鏀捐繘搴� myAudio.onCanplay(() => { myAudio.duration; //蹇呴』鍐欙紝涓嶇劧鑾峰彇涓嶅埌銆傘�傘�� setTimeout(() => { - console.log(myAudio.duration); + console.log(myAudio.duration, 'myAudio.duration'); this.setData({ myAudioDuration: this.format(myAudio.duration), myAudioCurrent: this.format(myAudio.currentTime) }); - }, 1000); + }, 100); }); - + // myAudio.onSeeked(() => { + // this.setData({ + // myAudioDuration: this.format(myAudio.duration), + // myAudioCurrent: this.format(myAudio.currentTime) + // }) + // }) // 鎾斁瀹屾垚澶勭悊锛屾寜閽彉涓�涓� myAudio.onEnded((res) => { this.setData({ @@ -545,6 +578,7 @@ myAudioCurrent: this.format(myAudio.currentTime) }); }) + }, @@ -562,14 +596,13 @@ // 鍋滄 stop() { - console.log(11111); + myAudio.pause(); this.setData({ isplay: false }); }, adsfhaewlf() { - myAudio.pause(); this.setData({ isplay: false @@ -614,7 +647,7 @@ } }, - + // 宸﹀彸鍒囨崲 changeItem(item) { console.log(item); @@ -651,7 +684,8 @@ } setTimeout(() => { - myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + console.log(this.data.speed, 'this.data.speed'); + myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 }, 200); }, @@ -665,7 +699,53 @@ myAudioPos: position, myAudioCurrent: this.format(currentTime) }) + }, + + + toggleDropdown() { + this.setData({ + showDropdown: !this.data.showDropdown + }); + + }, + smallSpeed() { + this.setData({ + speed: 0.5, + showDropdown: !this.data.showDropdown + }) + setTimeout(() => { + // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 + }, 200); + }, + centreSpeed() { + this.setData({ + speed: 1.5, + showDropdown: !this.data.showDropdown + }) + setTimeout(() => { + // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 + }, 200); + }, + bigSpeed() { + this.setData({ + speed: 2, + showDropdown: !this.data.showDropdown + }) + setTimeout(() => { + // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 + }, 200); + }, + smallSpeeDmultiple() { + this.setData({ + speed: 1, + showDropdown: !this.data.showDropdown + }) + setTimeout(() => { + // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 + }, 200); } - - }) \ No newline at end of file -- Gitblit v1.9.1