From d8412af23caf2978b024509242f08302f6d76601 Mon Sep 17 00:00:00 2001 From: Wkang921 Date: Tue, 30 May 2023 14:36:01 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=83=BD=E9=87=8F=E8=B5=A0?= =?UTF-8?q?=E9=80=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/home/jl/index.js | 90 +++++++++++++++++++++++++++++++++---- pages/home/jl/index.wxml | 95 ++++++++++++++++++++++++++++++++++++---- pages/home/jl/index.wxss | 68 ++++++++++++++++++++++++++++ 3 files changed, 235 insertions(+), 18 deletions(-) diff --git a/pages/home/jl/index.js b/pages/home/jl/index.js index 24956ef..819afe3 100644 --- a/pages/home/jl/index.js +++ b/pages/home/jl/index.js @@ -19,7 +19,12 @@ Page({ pickerValue: [0, 0], prayerContent:'', //祈祷内容 showSexLogo:false,//不展示形象修改按钮 - showPray:false //显示祈祷弹层 + showPray:false, //显示祈祷弹层 + showIsPray:false, //显示取消祈祷弹层 + showEnergy:false, //显示赠送能量弹层 + showEnergyToast:false, //显示赠送能量提示 + showEnergySuccess:false, //赠送成功提示 + showEnergyFail:false, //赠送成功提示 }, ShowOrNotLogoS(){ this.setData({singleShow:!this.data.singleShow}) @@ -93,12 +98,34 @@ Page({ }) console.log(this.data.prayerContent); }, - openPray(){ + openEnergy(){ + this.setData({ + showEnergy:!this.data.showEnergy + }) + }, + cancelEnergy(){ this.setData({ - showPray:!this.data.showPray, - prayerContent:'' + showEnergy:!this.data.showEnergy }) }, + cancelEnergyToast(){ + this.setData({ + showEnergyToast:false, + showEnergyFail:false + }) + }, + openPray(){ + if(this.data.userInfo.prayerEndTime){ + this.setData({ + showIsPray:!this.data.showIsPray + }) + }else{ + this.setData({ + showPray:!this.data.showPray, + prayerContent:'' + }) + } + }, onPickerChange(e){ if(e.detail.value[0] === this.data.hours){ this.setData({ @@ -115,8 +142,7 @@ Page({ }, getUserInfo(){ req.getRequest('/api/user/curt',{}).then((res)=>{ - if(res.data.code==200){ - console.log(res.data.data); + if(res.data.code===200){ const pendantEnergy = res.data.data.pendantEnergy const minute = pendantEnergy * 6 const hours = Math.floor(pendantEnergy / 60); // 计算小时数 @@ -131,7 +157,7 @@ Page({ minute:minute, pendantEnergy:pendantEnergy }) - console.log(this.data.userInfo); + // console.log(this.data.userInfo); } }).catch((err)=>{ console.log(err); @@ -151,12 +177,17 @@ Page({ message: '能量不足', }); } - console.log(prayerEnergy); + if(this.data.prayerContent.length > 11){ + return Toast({ + context: this, + selector: '#t-toast', + message: '祈祷内容不能超过11个字', + }); + } req.patchRequest('/api/user/curt/prayer',{ prayerContent:this.data.prayerContent, prayerEnergy:prayerEnergy }).then((res) => { - console.log(res); if(res.data.code === 200){ Toast({ context: this, @@ -170,11 +201,52 @@ Page({ message: res.data.msg, }); } + this.getUserInfo() this.openPray() }).catch((err) => { console.log('祈祷失败',err); }) }, + btnCancel(){ + console.log('111'); + req.patchRequest('/api/user/curt/prayer/stop',{}).then((res)=>{ + Toast({ + context: this, + selector: '#t-toast', + message: '已结束祈祷', + }); + this.openPray() + this.getUserInfo() + }) + }, + btnShare(){ + console.log('赠送能量'); + req.patchRequest('/api/user/curt/give-crystalline-energy-to-lover',{}).then((res)=>{ + console.log(res); + if(res.data.code === 200){ + this.setData({ + showEnergySuccess:!this.data.showEnergySuccess, + showEnergy:!this.data.showEnergy + }) + return setTimeout(()=>{ + this.setData({ + showEnergySuccess:!this.data.showEnergySuccess, + }) + },2000) + } + this.setData({ + showEnergy:!this.data.showEnergy, + showEnergyToast:!this.data.showEnergyToast, + toast:res.data.msg + }) + }).catch((err)=>{ + console.log('111'); + this.setData({ + showEnergyFail:!this.data.showEnergyFail, + showEnergy:!this.data.showEnergy + }) + }) + }, /** * 生命周期函数--监听页面加载 diff --git a/pages/home/jl/index.wxml b/pages/home/jl/index.wxml index 511c223..6e83411 100644 --- a/pages/home/jl/index.wxml +++ b/pages/home/jl/index.wxml @@ -25,7 +25,7 @@ - + 70% @@ -36,11 +36,27 @@    - - {{userInfo.nick}} - - - {{loverInfo.nick}} + + + + {{userInfo.nick}} + + + {{loverInfo.nick}} + + + + + + + + {{ userInfo.prayerContent }} + 你已为Ta祈祷 02:20:13 + + + + +
@@ -70,7 +86,7 @@ - + @@ -120,7 +136,7 @@ - + @@ -137,7 +153,7 @@ - 你还有{{pendantEnergy}}%水晶能量，可为对方祈祷{{hours}}小时{{minute}}分 + 你还有{{userInfo.pendantEnergy}}%水晶能量，可为对方祈祷{{hours}}小时{{minute}}分 @@ -152,6 +168,67 @@ + + + + + + 要结束祈祷吗？ + 将返还23%星座能量 + 溢出能量将消失 + + + + + + + + + + + + + + 你要将能量共享给对方吗？ + 溢出能量将保留 + + + + + + + + + + + + + {{toast}} + 无法进行共享哦！ + + + + + + + + + 谢谢你送我的能量！ + 真是太好了~ + + + + + + + 赠送能量失败啦～ + 是不是网络出问题了？ + + + + + +
精灵 AI
diff --git a/pages/home/jl/index.wxss b/pages/home/jl/index.wxss index 8aa2b25..7615e90 100644 --- a/pages/home/jl/index.wxss +++ b/pages/home/jl/index.wxss @@ -192,6 +192,12 @@ background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/tx.png); } +.txl-qd { + position: absolute; + left: 80rpx; + margin-left:0; +} + .txr{ position:absolute; width:72rpx; @@ -203,6 +209,11 @@ background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/tx.png); } +.txr-qd { + position: absolute; + right: 80rpx; +} + .txtextl{ position:absolute; width:166rpx; @@ -214,6 +225,33 @@ font-size: 27rpx; text-align: right; } + +.txtextl-qd{ + position: absolute; + top: 130rpx; + left: 154rpx; + width: 444rpx; + height: 90rpx; + display: flex; + align-items: center; +} + +.text-qd { + width: 360rpx; + color: rgba(108, 108, 108, 1); + font-size: 14px; +} + +.text-qd .top { + color: #DE868F; +} + +.text-qd view { + display: flex; + justify-content: center; + align-items: center; +} + .jiuchan{ position: absolute; width:47.33rpx; @@ -736,6 +774,20 @@ background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/ysf font-size: 14px; } +.dialog-text { + height: 300rpx; + color: rgba(108, 108, 108, 1); + font-size: 18px; + text-align: center; + font-weight: 400; + padding-top: 60rpx; + box-sizing: border-box; +} + +.dialog-text view { + margin-bottom: 30rpx; +} + .timing { position: absolute; bottom: 0; @@ -776,4 +828,20 @@ background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/ysf picker-view-column { height: 364rpx; +} + +.energy-success { + position: absolute; + top: 500rpx; + right: 30rpx; + width: 286rpx; + height: 160rpx; + opacity: 0.9; + border-radius: 15px; + background-color: rgba(255, 255, 255, 1); + color: #6C6C6C; + font-size: 14px; + padding: 36rpx 0 0 20rpx; + box-sizing: border-box; + box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4); } \ No newline at end of file