nzhbsr/pages/user/cbDetail.vue

<template>
	<view class="content">
		<view class="title b-b">+{{ info.num }}{{ info.coin }}</view>
		<view class="row b-b flex">
			<text class="tit">{{ $t('cb.lx') }}</text>
			<view class="input">{{ $t('cb.ptcb') }}</view>
		</view>
		<view class="row b-b flex">
			<text class="tit">{{ $t('cb.zt') }}</text>
			<view class="input">{{ info.status == 1 ? $t('cb.dsh') : info.status == 2 ? $t('cb.wc') : $t('cb.sb') }}</view>
		</view>
		<view class="row b-b flex">
			<text class="tit">{{ $t('cb.sj') }}</text>
			<view class="input">{{ info.addtime }}</view>
		</view>
		<view class="row b-b flex">
			<text class="tit">{{ $t('cb.zzpz') }}</text>
			<view class="image"><image :src="info.payimg" mode=""></image></view>
		</view>
	</view>
</template>

<script>
import { czinfo } from '@/api/wallet.js';
export default {
	data() {
		return {
			id: '',
			info: ''
		};
	},
	onLoad(opt) {
		uni.setNavigationBarTitle({ title: this.$t('cb.cbxq') });
		this.id = opt.id;
		this.loadData();
	},
	onShow() {},
	methods: {
		loadData() {
			czinfo({ oid: this.id }).then(e => {
				this.info = e.data;
			});
		}
	}
};
</script>

<style lang="scss">
page,
.content {
	min-height: 100%;
	height: auto;
	background: #fff;
}
.row {
	display: flex;
	align-items: center;
	position: relative;
	padding: 40rpx 30rpx;
	background: #fff;
	.tit {
		flex-shrink: 0;
		width: 120rpx;
		font-size: 28rpx;
		color: #707a8a;
	}
	.input {
		text-align: right;
		flex: 1;
		font-size: 28rpx;
		color: #000;
	}
	.image {
		width: 160rpx;
		height: 160rpx;
		image {
			width: 100%;
			height: 100%;
		}
	}
}
.title {
	padding: 50rpx 30rpx;
	font-size: 48rpx;
	font-weight: bold;
	color: #fcd535;
}
</style>