pages/sub_mine/billsDetails.vue

<template>
	<view class="billsDetails">
		<!-- #ifndef MP-WEIXIN -->
		<u-navbar title="账单详情" :background="background" back-icon-color="#ffffff" title-color="#ffffff" :border-bottom="false"></u-navbar>
		<!-- #endif -->
		<view class="billsDetails-desc">
			<text class="billsDetails-desc-cost">{{msg.amount}}</text>
			<text class="billsDetails-desc-status">{{msg.status=="success"?'交易成功':'交易失败'}}</text>
		</view>
		<view class="billsDetails-list">
			<u-field v-model="msg.transdesc" :disabled="true" label="交易名称" :field-style="fieldStyle" input-align="right"  clear-size="40"></u-field>
			<u-field v-model="msg.date" :disabled="true" label="交易时间" :field-style="fieldStyle" input-align="right" clear-size="40"></u-field>
			<u-field v-model="msg.refno" :disabled="true" label="订单编号" :field-style="fieldStyle" input-align="right" clear-size="40"></u-field>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				msg:{},
				background:{'backgroundColor':'#03a9f4'},
				fieldStyle:{'font-size':'30rpx','color':'#999999'}
			}
		},
		onLoad(option){
			let that = this
			let data = JSON.parse(option.data) 
			that.msg = data
			// let refno = option.refno
			// let param = {
			// 	billid:refno
			// }
			// that.$u.post("/v1/billdetail",param).then((res)=>{
				
			// })
			
			// console.log(data)
		},
	}
</script>

<style lang="scss" scoped>
	.billsDetails{
		background-color: #FFFFFF;
		&-desc{
			background-color: #03a9f4;
			display: flex;
			justify-content: center;
			flex-direction: column;
			color: #FFFFFF;
			text-align: center;
			padding: 50rpx 0;
			font-family: "PingFang-SC-Medium";
			&-cost{
				font-size: 60rpx;
				margin-bottom: 20rpx;
			}
			&-status{
				font-size: 28rpx;
			}
		}
	}
</style>