CBB3/pages/user/approve_error.vue

<template>
	<view class="app-body">
		<view class="re-succ-box">
			<u-icon name="error-circle-fill" size="100" color="red"></u-icon>
		</view>
		<view class="re-succ-tite">{{ error }} </view>
		
		<view class="btn-box fx-r fx-bc">
			<view class="re-succ-btn" @tap="tapHome">返回首页</view>
			<view class="go-btn" @tap="tapRz">重新认证</view>
		</view>
		
	</view>
</template>


<script>
	import { mapState, mapMutations } from 'vuex';
	export default {
		data() {
			return {
				error : ""
			}
		},
		onLoad(options) {
			this.error = options.error || "";
			this.initView();
		},
		methods: {
			initView: function() {
				
			},
			
			tapRz:function(){
				uni.navigateTo({
					url:"/pages/user/approve"
				})
			},
			
			
			tapHome:function(){
				uni.reLaunch({
					url:"/pages/index/home"
				})
			}
		}
	}
</script>

<style>
	.re-succ-box{
		padding-top: 97px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.re-succ-box .re-succ-img{
	    width: 207px;
	    height: 153px;
	    display: block;
	}
	
	.re-succ-tite {
	
	    font-size: 22px;
	    font-weight: 500;
	    color: #333;
		margin-top: 30px;
		text-align: center;
	}
	
	.btn-box {
		margin-top: 45px;
		padding: 0 28px;
	}
	.btn-box .re-succ-btn {
		height: 45px;
		background: linear-gradient(180deg, #fd4646, #ff3535);
		border-radius: 22px;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		display: flex;
		width: calc(50% - 10px);
		margin-right: 8px;
		align-items: center;
		justify-content: center;
	}
	
	 .go-btn {
	    height: 45px;
	    border: 1px solid #fd4646;
	    border-radius: 22px;
	    font-size: 20px;
	    font-weight: 700;
		margin-left: 8px;
	    color: #fd4646;
		width: calc(50% - 10px);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
</style>