talk_appAmin/pages/signln/successfulexchange.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/co.png");
	const icons = ref("../../static/images/sign/success.png");
	
	function RetExChangemall(){
		uni.navigateTo({
			url: './exchangemall',
			// url: './exdetail',
		});
	}
</script>

<style scoped>
	.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>