czg_team/video_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改红包弹窗

Browse Source
This commit is contained in:
YeMingfei666
2024-12-06 17:13:22 +08:00
parent c97811b50d
commit e7d2b21ec2
5 changed files with 216 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
components/pop-ling-qu.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<u-popup v-model="show" mode="center">
<u-popup v-model="show" mode="center" @close="close">
<view class="bg">
<view class="title">恭喜您获得</view>
<view class="goods">
@@ -15,18 +15,22 @@
<template v-if="result&&result.type==2">
<view class="u-flex color-money u-col-center u-row-center">
<view class="money">{{result.number}}</view>
<view class="font-bold" style="margin-top: 20rpx;">元</view>
<view class="font-bold " style="margin-top: 20rpx;font-size: 36rpx;">元</view>
</view>
<view class="u-flex u-row-center">
<view class="u-flex u-m-t-24 u-row-center">
<view class="type">现金红包</view>
</view>
</template>
</view>
<view class="u-flex u-row-center btn-box">
<!-- <view class="u-flex u-row-center btn-box">
<view class="btn" @click="lingqu">立即领取</view>
</view> -->
<view class="u-flex close u-row-center">
<u-icon name="close-circle" :size="54" @click="close" color="#fff"></u-icon>
</view>
</view>
</u-popup>
</view>
</template>
@@ -70,6 +74,22 @@
},
close() {
this.show = false
if(!this.result){
return
}
const {
orderId,
id
} = this.result
this.$Request.postJson('app/discSpinning/receive', this.result).then(res => {
this.result = ''
console.log(res)
if (res.code == 0) {
this.$emit('close')
this.close()
} else {
}
})
}
}
}
@@ -86,7 +106,7 @@
.money {
font-weight: 700;
font-size: 72rpx;
font-size: 96rpx;
letter-spacing: 2px;
}
@@ -98,29 +118,29 @@
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url("~static/images/zhuanpan/ling-qu.png");
background-image: url("~static/images/zhuanpan/gift.png");
position: relative;
@media (-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
background-image: url("~static/images/zhuanpan/ling-qu@2x.png");
background-image: url("~static/images/zhuanpan/gift@2x.png");
}
.title {
position: absolute;
top: 238rpx;
top: 218rpx;
text-align: center;
left: 0;
right: 0;
font-weight: 700;
font-size: 58rpx;
font-size: 60rpx;
color: #AF6920;
letter-spacing: 4rpx;
}
.goods {
position: absolute;
top: 326rpx;
top: 336rpx;
text-align: center;
left: 0;
right: 0;
@@ -135,7 +155,12 @@
color: #fff;
font-weight: bold;
}
.close{
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.btn-box {
position: absolute;
top: 574rpx;