wxThird/pages/subPack/extractFail.vue

<template>
	<view class="box">
	
	<view class="head-icon">
		<uni-icons type="closeempty" size="28" color="#ffffff"></uni-icons>
	</view>
	<view class="box-title">
		提现失败
	</view>	
	<view class="box-money">
		<span class="box-money-icon">￥</span>
		<span class="box-money-num">{{money}}</span>
	</view>
	<view class="box-sm">
		请联系管理员
	</view>
		
	<view class="backButton" style="display: none;" @click="goRouter('promotion')">
		返回活动页
	</view>	
		

	</view>
</template>

<script>
	export default {
		data() {
			return {
				money:0
			}
		},
		onLoad(opt) {
			this.money = opt.money
		},
		methods: {
			goRouter(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style>
	.box {
		min-height: 100vh;
		background: #F4F5F7;
		padding-top: 20rpx;
		background-color: #ffffff;
	}
	.box-title {
		font-size: 30rpx;
		font-weight: 400;
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		padding-top: 20rpx;
	}
	.box-money{
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.box-money-icon{
		font-size: 45rpx;
		font-weight: 550;

	}
	.box-money-num{
		font-size: 75rpx;
		font-weight: 550;

	}
	.box-sm{
		font-size: 22rpx;
		width: 100%;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		color: #999999;
		margin-top: 20rpx;
	}
	.head-box{
		width: 100%;
	}
	.head-icon{
		width: 90rpx;
		height: 90rpx;
		text-align: center;
		background-color: #F14D42;
		line-height: 90rpx;
		border-radius: 90rpx;
		margin: 150rpx auto 10rpx;
	}
	.backButton{
		width: 300rpx;
		height: 80rpx;
		background-color: #F2F2F2;
		line-height: 80rpx;
		text-align: center;
		margin: 150rpx auto;
		font-size: 28rpx;
		font-weight: 650;
		border-radius: 10rpx;
	}
</style>