siyu_app/pages/user/popularizeCommission.vue

<template>
	<view>
		<es-nav-bg title="佣金明细" ref="esNavBg"></es-nav-bg>
		
		<view class="es-view-w-x es-c-white es-mt-20">
			<view class="es-fw-600 es-fs-24">佣金明细</view>
			<view class="">
				<text class="es-fs-36 es-fw-600">280.5</text>
				<text class="es-fs-24 es-ml-8">元</text>
			</view>
		</view>
		
		<view class="es-bc-fa es-view-w-x es-pt-10 es-mt-20" style="min-height: 500rpx;">
			<view class="es-mt-20 es-br-20 es-bc-white es-h-136 es-pl-20 es-pr-20 item es" v-for="v,i in 10">
				<view class="es-w-76 es-h-98 es-bc es es-ac es-pc es-ver es-fs-24">
					<view class="">推广</view>
					<view class="">佣金</view>
				</view>
				<view class="es-f1 es-h-136 es-ml-20 es-fs-24 es-ver es es-center">
					<view class="es-omit es-mt-15">中医体质调理包</view>
					<view class="es">
						<view class="es-f1 es-omit es-c-99">订单编号：1111111111111111111  </view>
						<view class="es-c-a7">+￥0.01</view>
					</view>
					<view class="es">
						<view class="es-f1 es-mb-15 es-omit es-c-99">购买时间：2022-11-15 14:33:54 </view>
					</view>
					
				</view>
			</view>
			
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				
			}
		},
		onLoad(options) {
			
			
		},
		onPageScroll: function(e) {
			this.$refs.esNavBg.scrollBody(e);
		},
		methods: {
			

		}
	}
</script>

<style>
	page{
		background-color: #fafafa;
	}
	.item > view:nth-child(1){
		border-radius: 0 0 100rpx 100rpx;
		line-height: 1.3em;
	}
	
	.es-c-a7{color: #A79B5C;}
	
</style>