siyu_app/pages/user/popularizeOrder.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-br-20 es-bc-white es-pt-22 es-pb-22 es-mt-20" v-for="v,i in 10">
				<view class="es es-ac">
					<view class="es-w-10 es-h-30 es-bc"></view>
					<view class="es-ml-9 es-icon-88 es-br es-bc es es-ac es-pc">
						<view class="es-icon-82 es-br">
							<image src="/static/logo.png"></image>
						</view>
					</view>
					<view class=" es-f1 es-omit es-mr-17 es-ml-17 es-fs-28 es-fw-600">ximi</view>
					<view class="es-h-40 es-bc money es-fs-24 es-pl-20 es-pr-20 es es-ac">返佣金：+￥0.10</view>
				</view>

				<view class="es-view-w-x">
					<view class="es-br-10 es-bc-tint05 es-pl-20 es-pr-20 es-fs-24 es-pt-15 es-pb-15 es-mt-10">
						<view class="es-c-99">订单编号：1111111111111111111 </view>
						<view class="es es-ac es-pt-6 es-pb-6">
							<view class="es-f1 es-mr-15 es-omit es-c-99">产品名称：中医体质调理包</view>
							<view class="">实际金额：￥200.00</view>
						</view>
						<view class="es-c-99">订单编号：1111111111111111111 </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;
	}

	.money {
		border-radius: 100rpx 0 0 100rpx;
		line-height: 1em;
	}
</style>