hotelHomestayWx/pagesHouse/Verification/success.vue

<template>
	<view class="page" :style="{'min-height':(h)+'px','padding-top':mt+'px'}">
		<c-nav-bar title="核销结果"></c-nav-bar>
		<image src="../../static/heSuccess.png"></image>
		<view class="tip"><text>{{boatNo}}</text> 发船成功</view>
		<view class="price" v-if="price">
			<text>￥</text>
			<text>{{price}}</text>
		</view>
		<view class="btn" @tap="goHome()">返回首页</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				boatNo:'',
				price:''
				//merchantType:uni.getStorageSync('merchantType');
			}
		},
		onLoad(opt) {
			this.boatNo=opt.boatNo;
			this.price=opt.price;
		},
		methods: {
			goHome(){
				uni.navigateTo({
					url: '/pagesHouse/home/index'
				})
			}
		}
	}
</script>

<style scoped lang="less">
	.page{
		text-align: center;
		box-sizing: border-box;
	}
	image{
		width: 320rpx;
		height: 200rpx;
		margin: 80rpx 0 24rpx;
	}
	.tip{
		font-size: 32rpx;
		color: #111;
		padding-bottom: 24rpx;
		text{
			margin-right:12rpx;
		}
		
	}
	.price{
		margin: 28rpx 0 110rpx;
		text{
			&:first-child{
				font-size: 36rpx;
			}
			&:last-child{
				font-size: 48rpx;
				font-weight: bold;
			}
		}
	}
	.btn{
		width: 610rpx;
		height: 88rpx;
		line-height: 88rpx;
		background-color: #007A69;
		color: #fff;
		font-size: 32rpx;
		border-radius: 46rpx;
		margin: 0 auto;
	}
</style>