109 lines
1.8 KiB
Vue
109 lines
1.8 KiB
Vue
|
<!-- 兑换成功 -->
|
||
|
|
<template>
|
||
|
|
<view class="content">
|
||
|
|
<view class="uninavbar">
|
||
|
|
<image :src="returns"></image>
|
||
|
|
</view>
|
||
|
|
<view class="backimage">
|
||
|
|
<image :src="images"></image>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<image :src="icons" class="icon"></image>
|
||
|
|
|
||
|
|
<view class="con-text">
|
||
|
|
<text>兑换成功</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="but" @click="RetExChangemall()">
|
||
|
|
<text>返回商城</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import {
|
||
|
|
ref
|
||
|
|
} from 'vue';
|
||
|
|
const returns = ref("../../static/images/sign/return.png");
|
||
|
|
const images = ref("../../static/images/sign/兑换成功.png");
|
||
|
|
const icons = ref("../../static/images/sign/成功.png");
|
||
|
|
|
||
|
|
function RetExChangemall(){
|
||
|
|
uni.navigateTo({
|
||
|
|
url: './exchangemall',
|
||
|
|
// url: './exdetail',
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.uninavbar {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 9999;
|
||
|
|
top: 110rpx;
|
||
|
|
left: 32rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uninavbar>image {
|
||
|
|
width: 31rpx;
|
||
|
|
height: 44rpx;
|
||
|
|
color: #000000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.backimage>image {
|
||
|
|
width: 7270rpx;
|
||
|
|
height: 599rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
width: 750rpx;
|
||
|
|
height: 100vh;
|
||
|
|
background: linear-gradient(-140deg, #83c4ff, #ffffff);
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon {
|
||
|
|
width: 317rpx;
|
||
|
|
height: 198rpx;
|
||
|
|
position: absolute;
|
||
|
|
top: 264rpx;
|
||
|
|
left: 217rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.con-text>text {
|
||
|
|
font-weight: Regular;
|
||
|
|
width: 194rpx;
|
||
|
|
height: 49rpx;
|
||
|
|
font-size: 48rpx;
|
||
|
|
text-align: left;
|
||
|
|
color: #348FE2;
|
||
|
|
display: block;
|
||
|
|
margin: auto;
|
||
|
|
position: absolute;
|
||
|
|
top: 470rpx;
|
||
|
|
left: 277rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.but {
|
||
|
|
width: 686rpx;
|
||
|
|
height: 88rpx;
|
||
|
|
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
||
|
|
opacity: 0.24;
|
||
|
|
background: #83c4ff;
|
||
|
|
position: absolute;
|
||
|
|
top: 590rpx;
|
||
|
|
left: 32rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.but>text {
|
||
|
|
font-weight: Regular;
|
||
|
|
width: 124rpx;
|
||
|
|
height: 31rpx;
|
||
|
|
font-size: 30rpx;
|
||
|
|
text-align: left;
|
||
|
|
color: #348FE2;
|
||
|
|
display: block;
|
||
|
|
margin: auto;
|
||
|
|
line-height: 88rpx;
|
||
|
|
}
|
||
|
|
</style>
|