tiantian-care-wx/packages/packagesPro/pages/proBuySuccess/orderSuccess.vue

<template>
	<view style="background-color: aliceblue;height: 100vh;overflow: hidden;">
		<view style="margin: 100rpx auto;text-align: center;">
			<image style="width: 117rpx;height: 134rpx;" src="../../../../static/resource/icon/icon_success.png">
			</image>
		</view>
		<view style="margin: 40rpx auto;display: flex;justify-content: center;" class="flex-col">
			<view style="text-align: center;">订单已经提交成功，请等待工作人员确认</view>
			<view class="btn btnlogin" style="margin: 40rpx auto;" @click="toOrder">
				<text>查看订单</text>
				<image src="../../static/resource/imgs/btn_bg.png" class="btnbg"></image>
			</view>

		</view>


		<view class="btn btnCancel" style="margin: 40rpx auto;" @click="toback">
			<text>返回首页</text>
		</view>
	</view>
</template>

<script>
	import util from "../../../../utils/util.js";
	export default {
		data() {
			return {
				id: ""
			}
		},
		onShareAppMessage() {},
		onLoad(options) {
			this.id = options.id
		},
		onReady() {},
		onHide() {},
		methods: {
			toOrder() {
				var that = this;
				uni.navigateTo({
					url: "/packages/packagesOrder/pages/orderInfo/index?id=" + that.id
				})
			},
			toback: function() {
				uni.switchTab({
					url: '/pages/index/index'
				});
			}
		}
	}
</script>

<style>
	.btn {

		border-radius: 36rpx 36rpx 36rpx 36rpx;
		height: 72rpx;
		width: 347rpx;
		font-weight: 300;
		font-size: 26rpx;
		line-height: 72rpx;
		text-align: center;
		position: relative;
	}

	.btnbg {

		width: 400rpx;
		height: 76rpx;
		position: absolute;
		bottom: -36rpx;
		left: -27rpx;
	}

	.btnlogin {
		background: linear-gradient(90deg, #0ee2ba, #67f7dc);
		color: #fff !important;
	}

	.btnCancel {
		background: #fff;

		color: #303233;
	}
</style>