调整抽奖页布局

This commit is contained in:
GYJ
2024-12-14 10:15:40 +08:00
parent 119a3d3c07
commit 7b6044f4eb

View File

@@ -240,71 +240,71 @@
} }
} }
return return
return new Promise((resolve, reject) => { // return new Promise((resolve, reject) => {
let requestTimer = setTimeout(() => { // let requestTimer = setTimeout(() => {
clearTimeout(requestTimer) // clearTimeout(requestTimer)
requestTimer = null // requestTimer = null
// prizeStock 奖品库存 // // prizeStock 奖品库存
// prizeWeight 中奖概率,数值越大中奖概率越高,权重一样时随机中奖 // // prizeWeight 中奖概率,数值越大中奖概率越高,权重一样时随机中奖
resolve({ // resolve({
ok: true, // ok: true,
data: [{ // data: [{
prizeId: 1, // prizeId: 1,
prizeName: '0.1元现金', // prizeName: '0.1元现金',
prizeStock: 10, // prizeStock: 10,
prizeWeight: 200, // prizeWeight: 200,
prizeImage: require('@/static/git.png') // prizeImage: require('@/static/git.png')
}, // },
{ // {
prizeId: 2, // prizeId: 2,
prizeName: '10元现金', // prizeName: '10元现金',
prizeStock: 0, // prizeStock: 0,
prizeWeight: 50, // prizeWeight: 50,
prizeImage: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/56f085e0-bcfe-11ea-b244-a9f5e5565f30.png' // prizeImage: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/56f085e0-bcfe-11ea-b244-a9f5e5565f30.png'
}, // },
{ // {
prizeId: 3, // prizeId: 3,
prizeName: '5元话费', // prizeName: '5元话费',
prizeStock: 1, // prizeStock: 1,
prizeWeight: 80 // prizeWeight: 80
}, // },
{ // {
prizeId: 4, // prizeId: 4,
prizeName: '50元现金', // prizeName: '50元现金',
prizeStock: 0, // prizeStock: 0,
prizeWeight: 10, // prizeWeight: 10,
prizeImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAB2klEQVRIia3Wv09TURjG8U+u2kQZcNENh2ok0cnJ0R+L0RB2g/EvwITEwRgnV0Zx0fAHYBh0khBD4sBAmAgDiwQNg4qwmSBDAYf7Fi+n97al9UlObnvO836f3tO355b2GsAYZrCBPRzGdSPmx8J3YtXwDDsB7TR2wl/rNmAYK13C07ES9W11E9s9BjTHdnBKVf8PAcWgehpwCssF0w/5FzqLgw7AA7zDQ/wqzC8H90jjSeFMYW0Yr8PzALfjOh7z1wve2YTzpLlQw2ay+KZ1N7vS24SziVqGexhKzB07pEJXk/dDwTetdZ9HewwZLWFNw2oyudZjQFNrCW8109pqS32GpPX1TOu586fPkLR+IEMjmbzYZ0ha34Atx/fwW58hXxPeFixo7Yg7PQbcKmEtZFgsMb/C4AkDBuUnQKpFuFZI3cZuvP6C+8g6wDP572O95C4Og49/W/YJl/G5YPqO9yV3dh4f8LMCfhjcI93Afix8xAX5SVx2YBY10yagEdxjmiwY7uISXuIFrlSEPG0TMllWcAbzYViXd0rzeXC6ImSiImA+eKU6h7mCeV/eCBMnCJkLzpHSztnFCJ7L//ZkOFv1iRLtRd1IcLpSHVP4jccVnkexPqXkmd7UX15b7tiz29ReAAAAAElFTkSuQmCC' // prizeImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAB2klEQVRIia3Wv09TURjG8U+u2kQZcNENh2ok0cnJ0R+L0RB2g/EvwITEwRgnV0Zx0fAHYBh0khBD4sBAmAgDiwQNg4qwmSBDAYf7Fi+n97al9UlObnvO836f3tO355b2GsAYZrCBPRzGdSPmx8J3YtXwDDsB7TR2wl/rNmAYK13C07ES9W11E9s9BjTHdnBKVf8PAcWgehpwCssF0w/5FzqLgw7AA7zDQ/wqzC8H90jjSeFMYW0Yr8PzALfjOh7z1wve2YTzpLlQw2ay+KZ1N7vS24SziVqGexhKzB07pEJXk/dDwTetdZ9HewwZLWFNw2oyudZjQFNrCW8109pqS32GpPX1TOu586fPkLR+IEMjmbzYZ0ha34Atx/fwW58hXxPeFixo7Yg7PQbcKmEtZFgsMb/C4AkDBuUnQKpFuFZI3cZuvP6C+8g6wDP572O95C4Og49/W/YJl/G5YPqO9yV3dh4f8LMCfhjcI93Afix8xAX5SVx2YBY10yagEdxjmiwY7uISXuIFrlSEPG0TMllWcAbzYViXd0rzeXC6ImSiImA+eKU6h7mCeV/eCBMnCJkLzpHSztnFCJ7L//ZkOFv1iRLtRd1IcLpSHVP4jccVnkexPqXkmd7UX15b7tiz29ReAAAAAElFTkSuQmCC'
}, // },
{ // {
prizeId: 5, // prizeId: 5,
prizeName: '1卷抽纸', // prizeName: '1卷抽纸',
prizeStock: 3, // prizeStock: 3,
prizeWeight: 3000, // prizeWeight: 3000,
prizeImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABCElEQVRoge3YMa4BURSH8Y8o7UAp0WgkotBZwluAfhqlZSgUGr23ENUUCpppJnTswAIUSCaTiziZJ8d9/193zdzrfMltABF5plb+oLscDoAV0Pn8OC/lwDhL0k35QT3wstcIuM61Cj0IhXiNuAvOFwr5SgrxRiHeKMSbhnHfAVgU1i1gajhnBpwK6wnQtgxkDTlmSTq/L7rLYQ9byG+WpLvCOT8YQ6K5WgrxRiHeKMQbhXijEG8U4o1CvIkmxPrDquwMrI37KlFJSJake2BUxVlW0VytaEKsV6t5+8Ohak3rRmtIH9hav/QvRHO1FOKNQrwJheQfn+I9wflCIeNHLzuQc51PRP6rC1ZeIm1I8cC5AAAAAElFTkSuQmCC' // prizeImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABCElEQVRoge3YMa4BURSH8Y8o7UAp0WgkotBZwluAfhqlZSgUGr23ENUUCpppJnTswAIUSCaTiziZJ8d9/193zdzrfMltABF5plb+oLscDoAV0Pn8OC/lwDhL0k35QT3wstcIuM61Cj0IhXiNuAvOFwr5SgrxRiHeKMSbhnHfAVgU1i1gajhnBpwK6wnQtgxkDTlmSTq/L7rLYQ9byG+WpLvCOT8YQ6K5WgrxRiHeKMQbhXijEG8U4o1CvIkmxPrDquwMrI37KlFJSJake2BUxVlW0VytaEKsV6t5+8Ohak3rRmtIH9hav/QvRHO1FOKNQrwJheQfn+I9wflCIeNHLzuQc51PRP6rC1ZeIm1I8cC5AAAAAElFTkSuQmCC'
}, // },
{ // {
prizeId: 6, // prizeId: 6,
prizeName: '0.2元现金', // prizeName: '0.2元现金',
prizeStock: 8, // prizeStock: 8,
prizeWeight: 120 // prizeWeight: 120
}, // },
{ // {
prizeId: 7, // prizeId: 7,
prizeName: '谢谢参与', // prizeName: '谢谢参与',
prizeStock: 100, // prizeStock: 100,
prizeWeight: 10000 // prizeWeight: 10000
}, // },
{ // {
prizeId: 8, // prizeId: 8,
prizeName: '100金币', // prizeName: '100金币',
prizeStock: 100, // prizeStock: 100,
prizeWeight: 3000 // prizeWeight: 3000
} // }
] // ]
}) // })
}, 200) // }, 200)
}) // })
}, },
// 抽奖开始之前 // 抽奖开始之前
async handleDrawBefore(callback) { async handleDrawBefore(callback) {
@@ -466,34 +466,34 @@
this.result='' this.result=''
this.prizeing = false this.prizeing = false
return return
uni.showModal({ // uni.showModal({
content: tipContent, // content: tipContent,
showCancel: false, // showCancel: false,
success() { // success() {
const { // const {
orderId,id // orderId,id
}=_this.result // }=_this.result
_this.$Request.postJson('app/discSpinning/receive',_this.result).then(res=>{ // _this.$Request.postJson('app/discSpinning/receive',_this.result).then(res=>{
_this.result='' // _this.result=''
console.log(res) // console.log(res)
if(res.code==0){ // if(res.code==0){
uni.showToast({ // uni.showToast({
title: '领取成功', // title: '领取成功',
icon:'none' // icon:'none'
}) // })
_this.getRedPack() // _this.getRedPack()
}else{ // }else{
uni.showToast({ // uni.showToast({
title: '领取失败', // title: '领取失败',
icon:'none' // icon:'none'
}) // })
} // }
}) // })
}, // },
complete: () => { // complete: () => {
this.prizeing = false // this.prizeing = false
} // }
}) // })
}, },
// 抽奖转盘绘制完成 // 抽奖转盘绘制完成
handleDrawFinish(res) { handleDrawFinish(res) {
@@ -557,7 +557,7 @@
left: 0; left: 0;
right: 0; right: 0;
z-index: 2; z-index: 2;
top: 200px; top: 180px;
gap: 20rpx; gap: 20rpx;
padding: 0 32rpx; padding: 0 32rpx;
} }
@@ -570,7 +570,7 @@
.almost-lottery__head { .almost-lottery__head {
position: relative; position: relative;
width: 100%; width: 100%;
height: 640rpx; height: 460rpx;
background: url('~static/images/lottery/top-bg.png') no-repeat center center/cover; background: url('~static/images/lottery/top-bg.png') no-repeat center center/cover;
.action { .action {
@@ -629,7 +629,7 @@
text-align: center; text-align: center;
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-top: -50rpx; margin-top: -10rpx;
.almost-lottery__count { .almost-lottery__count {
display: flex; display: flex;
flex-direction: column; flex-direction: column;