easypay-app-wx/pages/users/pay_success/index.vue

<template>
	<view class="Pay_success">
		<view class="successbox">
			<image src="../../../static/images/success.png" mode=""></image>
			<view class="title">
				 申请成功，请等待审核
			</view>
			<view class="content">
				<view class="bd">
					<view class="">订单编号</view> <text>{{ordermo}}</text>
				</view>
				<view class="bd">
					<view class="">下单时间</view> <text>{{shopobj.date}}</text>
				</view>
				<view class="bd">
					<view class="">支付方式</view> <text>分期支付</text>
				</view>
				<view class="bd">
					<view class="">支付金额</view> <text>{{shopobj.shopmey}}</text>
				</view>
			</view>
			<navigator url="../../../pages/users/order_list/index" class="ckdj">查看订单</navigator>
			<navigator url="../../../pages/index/index" open-type="switchTab" class="fhsy">返回首页</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			   shopobj:{},
			   ordermo:''
			}
		},
		onLoad(option) {
			this.shopobj = JSON.parse(option.shopobj)
		},
		onShow() {
			this.ordermo = this.$Cache.get('ordernobh')
		},
		methods: {
		
		},
		mounted() {
		
		}
	}
	
	
</script>

<style lang="less">
	 .Pay_success{
		 width: 100%;
		 margin-top: 200rpx;
		 background-color: #fff;
		 padding-bottom: 80rpx;
		 .successbox{
			 position: relative;
			 width: 100%;
			 box-sizing: border-box;
			 padding: 0 40rpx;
			 image{
				 position: absolute;
				 top: -65rpx;
				 left: 50%;
				 transform: translateX(-50%);
				 width: 138rpx;
				 height: 138rpx;
			 }
			 .title{
				 width: 100%;
				 text-align: center;
				 padding-top: 100rpx;
				 box-sizing: border-box;
				 font-weight: 700;
				 line-height: 120rpx;
				 border-bottom: 1px solid #ccc;
			 }
			 .content{
				 .bd{
					 display: flex;
					 width: 100%;
					 justify-content: space-between;
					 margin-top: 20rpx;
					 text{
						 color: #666;
					 }
				 }
			 }
			 .ckdj{
				 width: 100%;
				 height: 84rpx;
				 border: 1px solid #ccc;
				 border-radius: 50rpx;
				 line-height: 84rpx;
				 text-align: center;
				 margin-top: 50rpx;
				 background-color: #42ca4d;
				 color: #fff;
			 }
			 .fhsy{
				 width: 100%;
				 height: 84rpx;
				 border: 1px solid #ccc;
				 border-radius: 50rpx;
				 line-height: 84rpx;
				 text-align: center;
				 margin-top: 50rpx;
			 }
		 }
	 }
</style>