ppl/pages/ppb/zrcg.vue

<template>
	<view>
		<view style="text-align: center;padding-top: 150rpx;">	
			<image src="../../static/cg1.png" style="width: 100rpx;height: 100rpx;"></image>
		</view>
		<view style="text-align: center;margin: 50rpx;margin-bottom: 100rpx;">{{data[lx]}}</view>
		<view style="padding: 30rpx;color: #333;font-size: 28rpx;line-height: 200%;" v-if="lx==0 || lx==1">
			<rich-text :nodes="ppbsm"></rich-text>
		</view>
		<view class="list">
			<view class="a" v-for="(item,index) in datasm">
				<text class="tit">{{item.key}}</text>：{{item.value}}
			</view>		
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			ppbsm:'',
			data:[
				'成功转入拍拍宝！',
				'已经成功释放!',
				'转账成功!'
			],
			lx:0,
			datasm:[]
		};
	},
	onLoad(e) {
		this.lx=e.lx
		this.$api
			.MhPostModel(null, 'ppb/ppbsm')
			.then(res => {
				if (res.data.code != 1) {
					uni.showToast({
						title: res.data.msg,
						icon: 'none'
					});
					this.getCode();
					return;
				} else {
					this.ppbsm = res.data.data;
				}				
		})
		if(e.lx==2){	
			var data = new Object();
			data.id=e.id
			console.log(data)
			this.$api
				.MhPostModel(data, 'ppb/zzsm')
				.then(res => {
					this.datasm = res.data.data;			
			})
		}
	},
	methods: {
	}
};
</script>
<style lang="css">
@import '../common/common.css';
@import '../zichan/assets/style/index.rpx.css';
page {
		padding: 15rpx;
		background: #f2f2f6;
		padding: 0;
		margin: 0;
	}
	.list {
		background: #fff;
		width: calc(100% - 40rpx);
		margin: auto;
		margin-top: 20rpx;
		padding: 20rpx 30rpx;
		border-radius: 10rpx;
	}
	.a {
		color: #585858;
		font-size: 28rpx;
		line-height: 300%;border-bottom: #a4a4a4 dotted 1rpx;
	}
	
	
	.tit{color: #a4a4a4;width: 150rpx;display: inline-block;text-align-last:justify}
	.a::before {
		content: '';
		width: 10rpx;display: inline-block;
		height: 10rpx;margin-right: 10rpx;position: relative;
		background: #aaaaaa;top: -5rpx;
		border-radius: 50%;
	}
	
	.b {
		color: #ED4545;
		font-weight: bold;
	}
</style>