null/pages/public/paySuc.vue

<template>
	<!-- 余额跳转 -->
	<view class="page flex-col align-center">
		<!-- 
		<image src="/static/payOk.png" mode="aspectFill" class="img"></image>
		<view class="title">支付成功</view>
		<view class="val">{{money}} 元</view>
		<view class="btn-wrap" @tap="navTo('/pages/home/index',{},'pushTab')">
			返回首页
		</view>
		 -->
		<view class="flex-col items-center group_3">
		  <image
		    src="/static/pay-ok.png"
		    class="image_3"
		  />
		  <text class="text_2">恭喜您，支付成功</text>
		  <view class="btns-wrap align-center">
			 <view class="button" @tap="navTo('/pages/home/home',{},{type:'pushTab'})">
				  <text >返回首页</text>
			  </view>
			  <view class="button" @tap="navTo('/pages/mine/mine',{},{type:'pushTab'})">
					<text >查看订单</text>
			  </view>	  
		  </view>
		 
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				type:'',
			};
		},
		onLoad(e){
			this.id = e.id;
			this.type = e.type;
		},
		methods:{
		}
	}
</script>

<style lang="scss">
   page{
      background: #f8f8f8;
   }
   .group_3 {
     padding: 230rpx 0 30rpx;
     flex: 1 1 auto;
     overflow-y: auto;
   }
   .image_3 {
     width: 100rpx;
     height: 100rpx;
   }
   .text_2 {
     margin-top: 39rpx;
     color: #000;
     font-size: 34rpx;
     font-family: PingFang;
     line-height: 35rpx;
   }
   .btns-wrap{
	    margin-top: 230rpx;
		.button {
			 height: 60rpx;
			 line-height: 58rpx;
			 text-align: center;
			 width: 175rpx;
			 border: solid 1rpx #333333;
			 border-radius: 10rpx;
			 margin-right: 30rpx;
			 font-size: 28rpx;
			 &:last-child{
				 margin-right: 0;
			 }
	    }	
   }
  
   .text_3 {
     color: #333333;
     font-size: 34rpx;
     font-family: PingFang;
     line-height: 33rpx;
   }
</style>