guosen-ldt-client/pages/agent/myIncome/detail.vue

<template>
	<view>
		<view class="text-center" style="margin: 80upx;">
			<image src="/static/agent/icon-withdraw.png" style="width: 120upx;height: 120upx;"></image>
			<view class="text-lg text-black text-bold padding">代理收益</view>
			<view class="text-black text-bold" style="font-size: 60upx;">+2666.00</view>
		</view>
		<view class="margin-lg">
			<u-line :hair-line="false" color="#eeeeee"></u-line>
		</view>
		<view class="flex align-center" style="padding: 20upx 40upx;">
			<view class="text-gray padding-right">当前状态</view>
			<view class="text-black">{{detail.status}}</view>
		</view>
		<view class="flex align-center" style="padding: 20upx 40upx;">
			<view class="text-gray padding-right">收益详情</view>
			<view class="theme-color">{{detail.type}}</view>
		</view>
		<view class="flex align-center" style="padding: 20upx 40upx;">
			<view class="text-gray padding-right">到账时间</view>
			<view class="text-black">{{detail.time}}</view>
		</view>
		<view class="flex align-center" style="padding: 20upx 40upx;">
			<view class="text-gray padding-right">支付方式</view>
			<view class="text-black">{{detail.ways}}</view>
		</view>
		<view class="flex align-center" style="padding: 20upx 40upx;">
			<view class="text-gray padding-right">交易单号</view>
			<view class="text-black">{{detail.transactionNum}}</view>
		</view>
		<view class="flex align-center" style="padding: 20upx 40upx;">
			<view class="text-gray padding-right">商户单号</view>
			<view class="text-black">{{detail.storeNum}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail: {
					status: '未到账',
					type: '代理',
					time: '2021-6-28 17:43:23',
					ways: '信用卡',
					transactionNum: '100003980121061400077148917986778',
					storeNum: '100003980120210647601930343',
				}
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}
</style>