Compare commits
No commits in common. "new" and "main" have entirely different histories.
3
App.vue
3
App.vue
|
|
@ -14,7 +14,4 @@
|
|||
|
||||
<style>
|
||||
/*每个页面公共css */
|
||||
body{
|
||||
font-family: PingFangSC-Medium;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,24 @@
|
|||
<template>
|
||||
<scroll-view class="content" scroll-y>
|
||||
<image src="../../static/image/bg_new.png" mode="widthFix" style="width: 100%;display: block;"></image>
|
||||
<image src="../../static/image/bg.png" mode="widthFix" style="width: 100%;display: block;"></image>
|
||||
<uni-popup ref="popupRef" type="center" :is-mask-click="false" :mask-click="false">
|
||||
<view class="popup-content" style="background-image:url('../../static/image/popup_new.png');height:560rpx">
|
||||
<view class="tips">恭喜您提现成功</view>
|
||||
<view class="number">{{ num }}<text>元</text></view>
|
||||
<view class="popup-content" style="background-image:url('../../static/image/popup_bg.png');height:360rpx">
|
||||
<view class="number">红包已领取<text style="color:#F71E00">{{num}}</text>元</view>
|
||||
<view class="tips">请留意微信支付入账信息</view>
|
||||
<view class="btn" @click="closePopup">
|
||||
<image src="../../static/image/know_btn.png"></image>
|
||||
<image src="../../static/image/popup_btn.png"></image>
|
||||
</view>
|
||||
<!-- <view class="close">
|
||||
<image src="../../static/image/ic_close.png" @click="closePopup"></image>
|
||||
</view> -->
|
||||
</view>
|
||||
</uni-popup>
|
||||
<uni-popup ref="popupNullRef" type="center" :is-mask-click="false" :mask-click="false">
|
||||
<view class="popup-null" style="background-image:url('../../static/image/null.png');height:260rpx">
|
||||
<view class="popup-content" style="background-image:url('../../static/image/null.png');height:260rpx">
|
||||
<view class="tips_null">暂无可领取的红包！</view>
|
||||
<!-- <view class="close">
|
||||
<image src="../../static/image/ic_close.png" @click="closePopup"></image>
|
||||
</view> -->
|
||||
</view>
|
||||
</uni-popup>
|
||||
</scroll-view>
|
||||
|
|
@ -41,9 +47,6 @@
|
|||
};
|
||||
uni.setStorageSync('orderInfo',JSON.stringify(orderInfo));
|
||||
checkEvent()
|
||||
//改界面看效果调试专用
|
||||
// num.value = 94 / 100
|
||||
// popupRef.value.open()
|
||||
}else{
|
||||
sendEvent()
|
||||
}
|
||||
|
|
@ -56,9 +59,33 @@
|
|||
recieveEvent()
|
||||
}else{
|
||||
popupNullRef.value.open()
|
||||
// uni.showModal({
|
||||
// title: '提示',
|
||||
// content: '暂无可领取的红包！',
|
||||
// showCancel:false,
|
||||
// success: function (res) {
|
||||
// if (res.confirm) {
|
||||
// console.log('用户点击确定');
|
||||
// } else if (res.cancel) {
|
||||
// console.log('用户点击取消');
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
}
|
||||
}).catch(() => {
|
||||
popupNullRef.value.open()
|
||||
// uni.showModal({
|
||||
// title: '提示',
|
||||
// content: '暂无可领取的红包！',
|
||||
// showCancel:false,
|
||||
// success: function (res) {
|
||||
// if (res.confirm) {
|
||||
// console.log('用户点击确定');
|
||||
// } else if (res.cancel) {
|
||||
// console.log('用户点击取消');
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
})
|
||||
}
|
||||
//发送红包的事件
|
||||
|
|
@ -99,10 +126,38 @@
|
|||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
background-color: #d6adff;
|
||||
.tips-text{
|
||||
color:#310000;
|
||||
font-size:40rpx;
|
||||
position: absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
.popup-null{
|
||||
.btn-area{
|
||||
position: absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
transform: translate(-50%,-50%);
|
||||
image{
|
||||
width:300rpx;
|
||||
height:100rpx;
|
||||
border-radius:100rpx;
|
||||
}
|
||||
}
|
||||
.tips-area{
|
||||
width:700rpx;
|
||||
margin-top:40rpx;
|
||||
.tips-img{
|
||||
display: block;
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.popup-content{
|
||||
width:610rpx;
|
||||
/* height:360rpx; */
|
||||
/* background: url("../../static/image/popup_bg.png") no-repeat; */
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
display: flex;
|
||||
|
|
@ -110,6 +165,26 @@
|
|||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
.number{
|
||||
color:#834525;
|
||||
font-size:40rpx;
|
||||
margin-top:70rpx;
|
||||
margin-bottom:15rpx;
|
||||
> text{
|
||||
font-size:40rpx;
|
||||
margin:0 12rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.tips{
|
||||
color:#d9c3b5;
|
||||
font-size:30rpx;
|
||||
margin-bottom:25rpx;
|
||||
margin-top:50rpx;
|
||||
opacity: 0.6;
|
||||
font-size:28rpx;
|
||||
font-weight:400;
|
||||
}
|
||||
.tips_null{
|
||||
color:#666;
|
||||
font-size:30rpx;
|
||||
|
|
@ -121,43 +196,17 @@
|
|||
left:50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
}
|
||||
.popup-content{
|
||||
width:518rpx;
|
||||
//width:610rpx;
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
.number{
|
||||
color:#A000FF;
|
||||
font-size:82rpx;
|
||||
margin-bottom:10rpx;
|
||||
font-weight:600;
|
||||
> text{
|
||||
font-size:36rpx;
|
||||
margin-left:2rpx;
|
||||
display: inline-block;
|
||||
font-weight:400;
|
||||
}
|
||||
}
|
||||
.tips{
|
||||
color:#602BAA;
|
||||
font-size:32rpx;
|
||||
margin-bottom:10rpx;
|
||||
margin-top:120rpx;
|
||||
font-weight:500;
|
||||
}
|
||||
.btn{
|
||||
position: absolute;
|
||||
bottom:32rpx;
|
||||
}
|
||||
.btn > image{
|
||||
width:320rpx;
|
||||
height:88rpx;
|
||||
width:350rpx;
|
||||
height:76rpx;
|
||||
}
|
||||
.close {
|
||||
position: absolute;
|
||||
bottom:-100rpx;
|
||||
> image {
|
||||
width:60rpx;
|
||||
height:60rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 267 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Loading…
Reference in New Issue