CBB3/pages/guild/order/putSalt_ok.vue

<template>
	<view class="app-body">
		<view class="re-succ-box">
			<image class="re-succ-img" src="/static/img/subproof_success.png"></image>
		</view>
		<view class="re-succ-tite">挂售成功</view>
		
		<view class="btn-box fx-r fx-bc">
			<view class="re-succ-btn" @tap="tapHome">返回首页</view>
			<view class="go-btn" @tap="utils.navigateBack()">返回订单中心</view>
		</view>
		
	</view>
</template>


<script>
	import { mapState, mapMutations } from 'vuex';
	export default {
		data() {
			return {}
		},
		onLoad() {
			this.initView();
		},
		methods: {
			initView: function() {
				
			},
			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{
	    margin-left: -17px;
	    width: 207px;
	    height: 153px;
	    display: block;
	}
	
	.re-succ-tite {
	    margin-top: -14px;
	    font-size: 22px;
	    font-weight: 500;
	    color: #333;
		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>