中信建投h5最新盖板
This commit is contained in:
parent
ab573ee1ff
commit
24d5345efc
|
|
@ -16,5 +16,9 @@
|
|||
<body>
|
||||
<div id="app"><!--app-html--></div>
|
||||
<script type="module" src="/main.js"></script>
|
||||
<!-- <script src="https://fastly.jsdelivr.net/npm/eruda"></script>
|
||||
<script>
|
||||
eruda.init()
|
||||
</script> -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{
|
||||
"name": "vue-h5",
|
||||
"name": "领红包",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "main.js",
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
"browser":"chrome",
|
||||
"env": {
|
||||
"UNI_PLATFORM": "h5",
|
||||
"REQUEST_BASE_URL": "http://192.168.110.39:8083"
|
||||
"REQUEST_BASE_URL": "https://zxjt.test.86698.cn"
|
||||
},
|
||||
"define": {
|
||||
|
||||
|
|
|
|||
|
|
@ -1,23 +1,27 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<!-- <view class='tips-text'>暂无可以领取的红包</view> -->
|
||||
<view class="tips-area">
|
||||
<image src="../../static/image/tips_bg.png" class="tips-img" mode="widthFix"></image>
|
||||
</view>
|
||||
<scroll-view class="content" scroll-y>
|
||||
<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">
|
||||
<view class="title">恭喜你提现成功!</view>
|
||||
<view class="number">{{num}}<text>元</text></view>
|
||||
<view class="tips">*24小时内在微信"服务通知"中领取</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/popup_btn.png"></image>
|
||||
</view>
|
||||
<view class="close">
|
||||
<!-- <view class="close">
|
||||
<image src="../../static/image/ic_close.png" @click="closePopup"></image>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
<uni-popup ref="popupNullRef" type="center" :is-mask-click="false" :mask-click="false">
|
||||
<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>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
|
@ -25,6 +29,7 @@
|
|||
import {getQueryString} from '../../utils/utils'
|
||||
import { checkTradeNo,getAccessPage,sendPacket } from '../../api'
|
||||
const popupRef = ref(null)
|
||||
const popupNullRef = ref(null)
|
||||
//红包金额
|
||||
const num = ref(0);
|
||||
//有code就代表是授权回调回来的
|
||||
|
|
@ -53,32 +58,34 @@
|
|||
if(res.status === true){
|
||||
recieveEvent()
|
||||
}else{
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '暂无可领取的红包！！！',
|
||||
showCancel:false,
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定');
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
popupNullRef.value.open()
|
||||
// uni.showModal({
|
||||
// title: '提示',
|
||||
// content: '暂无可领取的红包！',
|
||||
// showCancel:false,
|
||||
// success: function (res) {
|
||||
// if (res.confirm) {
|
||||
// console.log('用户点击确定');
|
||||
// } else if (res.cancel) {
|
||||
// console.log('用户点击取消');
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
}
|
||||
}).catch(() => {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '暂无可领取的红包！！！',
|
||||
showCancel:false,
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定');
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
popupNullRef.value.open()
|
||||
// uni.showModal({
|
||||
// title: '提示',
|
||||
// content: '暂无可领取的红包！',
|
||||
// showCancel:false,
|
||||
// success: function (res) {
|
||||
// if (res.confirm) {
|
||||
// console.log('用户点击确定');
|
||||
// } else if (res.cancel) {
|
||||
// console.log('用户点击取消');
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
})
|
||||
}
|
||||
//发送红包的事件
|
||||
|
|
@ -117,15 +124,8 @@
|
|||
<style lang='scss'>
|
||||
.content {
|
||||
width: 100vw;
|
||||
height:100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
background: url('../../static/image/bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
box-sizing:border-box;
|
||||
padding-bottom:20rpx;
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
.tips-text{
|
||||
color:#310000;
|
||||
font-size:40rpx;
|
||||
|
|
@ -155,44 +155,54 @@
|
|||
}
|
||||
}
|
||||
.popup-content{
|
||||
width:750rpx;
|
||||
height:850rpx;
|
||||
background: url("../../static/image/popup_bg.png") no-repeat;
|
||||
background-size:100% 800rpx;
|
||||
width:610rpx;
|
||||
/* height:360rpx; */
|
||||
/* background: url("../../static/image/popup_bg.png") no-repeat; */
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
padding-top:230rpx;
|
||||
.title{
|
||||
font-weight:bolder;
|
||||
margin-bottom:20rpx;
|
||||
color:#0A0200;
|
||||
font-size:34rpx;
|
||||
}
|
||||
position: relative;
|
||||
.number{
|
||||
color:#F71E00;
|
||||
font-size:90rpx;
|
||||
font-weight:bolder;
|
||||
color:#834525;
|
||||
font-size:40rpx;
|
||||
margin-top:70rpx;
|
||||
margin-bottom:15rpx;
|
||||
> text{
|
||||
font-size:40rpx;
|
||||
margin:0 12rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.tips{
|
||||
color:#43403F;
|
||||
color:#d9c3b5;
|
||||
font-size:30rpx;
|
||||
margin-bottom:85rpx;
|
||||
margin-bottom:25rpx;
|
||||
margin-top:50rpx;
|
||||
opacity: 0.6;
|
||||
font-size:28rpx;
|
||||
font-weight:400;
|
||||
}
|
||||
.tips_null{
|
||||
color:#666;
|
||||
font-size:30rpx;
|
||||
opacity: 0.6;
|
||||
font-size:28rpx;
|
||||
font-weight:400;
|
||||
position: absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
.btn > image{
|
||||
width:300rpx;
|
||||
height:90rpx;
|
||||
width:350rpx;
|
||||
height:76rpx;
|
||||
}
|
||||
.close {
|
||||
margin-top:60rpx;
|
||||
position: absolute;
|
||||
bottom:-100rpx;
|
||||
> image {
|
||||
width:60rpx;
|
||||
height:60rpx;
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 147 KiB After Width: | Height: | Size: 186 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
|
|
@ -11,8 +11,8 @@ function request(options) {
|
|||
// // 如果使用params传参则，以&符拼接的格式传参
|
||||
if (options.params) {
|
||||
options.data = options.params
|
||||
// defaultHeader['Content-Type'] = 'application/json'
|
||||
defaultHeader['Content-Type'] = 'application/x-www-form-urlencoded'
|
||||
defaultHeader['Content-Type'] = 'application/json'
|
||||
// defaultHeader['Content-Type'] = 'application/x-www-form-urlencoded'
|
||||
}
|
||||
const token = uni.getStorageSync('token');
|
||||
if (token) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue