|
|
@@ -0,0 +1,59 @@
|
|
|
+<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>
|
