canttenAdviseLeading/pages/index/success.vue

<template>
	<view class="container">
		<image class="circle-image" src="../../static/成功.png" />
		<span class="center-text">感谢您的建议</span>
		<a-button type="dashed" :size="size" @click="returnMain" class="returnMain">返回主页面</a-button>
	</view>
</template>

<script>
	export default {
		name:'success',
		data() {
			return {
				
			}
		},
		methods: {
			returnMain(){
				uni.reLaunch({
				  url: './index'
				});
			}
		}
	}
</script>

<style>
.container {
	display: flex; /* 使容器成为Flex容器 */
	flex-direction: column; /* 子元素垂直堆叠 */
	align-items: center; /* 沿垂直轴居中对齐子元素 */
	justify-content: center; /* 沿水平轴居中对齐子元素 */
}
.circle-image {
	top: 20vh;
	width: 20vw; /* 设置宽度为屏幕宽度的一半 */
	height: 20vw; /* 自动调整高度以保持图片比例 */
	border-radius: 50%; /* 设置圆角半径为50%，使图片呈现圆形 */
}
.center-text {
	padding-top: 25vh;
	text-align: center; /* 文字水平居中 */
}
.returnMain{
	color: 	#32CD32;
	margin-top: 34vh;
}
</style>