exam_mp/pages/success/paysuccess.vue

<template>
	<Container class="body-content" title="支付成功" bgColor="#F8F8F8" :showBack="false">
		<view class="info-area">
			<image
				class="success-icon"
				src="https://openwork-oss.oss-cn-shenzhen.aliyuncs.com/uploads/question/2025/06/XTYZzM0uKjmKGV2cXN3QC5R1icHXmQDo10mUNZ6T.png"
				mode="aspectFill"
			></image>
		</view>
		<view class="button-group">
			<navigator url="/pages/index/index"><view type="default" class="btn">返回首页</view></navigator>
		</view>
	</Container>
</template>

<script setup>
import Container from '../../components/Container/Container.vue';
</script>

<style scoped lang="stylus">

.success-icon {
  width: 180rpx;
  height: 180rpx;
  margin-bottom: 80rpx;
  margin-top: 50rpx;
}


/* 中间说明区域 */
.info-area {
  flex: 2;
  text-align: center;
  margin: 0 20rpx;
}

.info-text {
  font-size: 28rpx;
  color: #666;
}

/* 底部按钮组 */
.button-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.btn {
  border-radius: 40rpx;
  font-size: 32rpx;
  line-height: 84rpx;
  display: block;
  border: 1rpx solid green;
  text-align:center;
  width: 94%;
  margin: auto;
}
</style>