cbz/page_shop/pages/order/paySuccess.vue

<template>
	<view class="content vflex acenter jcenter">
		<view class="img_box">
			<image src="/static/images/shop/checked.png" class="img"></image>
		</view>
		<view class="img_text">支付成功</view>
		<view class="text">支付成功，您可以去<span class="text_blue" @click="toOrder">个人中心-我的订单</span>中查看</view>
		<view class="btn_group hflex acenter jcenter">
			<view class="left hflex acenter jcenter" @click="toHome">返回首页</view>
			<view class="left2 hflex acenter jcenter" @click="toDetail">查看订单</view>
		</view>
	</view>
</template>

<script>
	import $api from '@/static/js/api.js'
	var that = ''
	export default {
		data() {
			return {
				id: '',
			}
		},
		onLoad(options) {
			that = this
			that.id = options.id
		},
		methods: {
			// 我的订单
			toOrder() {
				$api.jump('/page_shop/pages/order/list?id=3')
			},
			// 返回首页
			toHome() {
				$api.jump('/pages/tabbar/index/index',3)
			},
			// 查看订单
			toDetail() {
				$api.jump('/page_shop/pages/order/orderdetail?id=' + that.id)
			},
		},
	}
</script>

<style lang="scss" scoped>
	.content {
		padding: 0 80rpx;
		.img_box {
			margin: 90rpx 0 32rpx;
			.img {
				width: 104rpx;
				height: 104rpx;
			}
		}
		.img_text {
			font-size: 36rpx;
			font-weight: 500;
			color: #222222;
			line-height: 50rpx;
		}
		.text {
			padding: 52rpx 0 116rpx;
			font-size: 26rpx;
			font-weight: 400;
			color: #8C8C8C;
			line-height: 36rpx;
		}
		.text_blue {
			color: #506DFF;
			text-decoration:underline;
		}
		.btn_group {
			.left {
				width: 272rpx;
				height: 76rpx;
				border-radius: 38rpx;
				border: 2rpx solid #506DFF;
				font-size: 32rpx;
				font-weight: 400;
				color: #506DFF;
				line-height: 44rpx;
			}
			.left2 {
				margin-left: 46rpx;
				width: 272rpx;
				height: 76rpx;
				background: #506DFF;
				border-radius: 38rpx;
				font-size: 32rpx;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 44rpx;
			}
		}
	}
</style>