guosen-ldt-client/pages/agent/myPromote.vue

<template>
	<view>
		<view class="search">
			<u-search border-color="#fff" bg-color="#fff" placeholder="输入商家/商场/用户名称" v-model="keyword"></u-search>
		</view>
		<view class="content">
			<view class="flex text-bold" style="padding:0 20rpx 0 40rpx">
				<view class="area1">
					加入时间
				</view>
				<view class="area2">
					名称
				</view>
				<view class="area3">
					推广类型
				</view>
			</view>
			<view class="item" v-for="(item,index) in 4" :key="index">
				<view class="area1 flex flex-direction justify-end padding-left-20" >
					2021-08-10 18:10:32
				</view>
				<view class="area2">
					黄明潘
				</view>
				<view class="area3">
					推广商户
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.search{
		padding: 40rpx 30rpx 50rpx;
	}
	
	.content{
		.area1 {
			width: 50%;
		}
		
		.area2 {
			width: 30%;
		}
		
		.area3 {
			width: 20%;
		}
		
		.item{
			margin-top: 20rpx;
			background-color: #FFFFFF;
			display: flex;
			padding-top: 20rpx;
			padding-bottom: 20rpx;
		}
	}
</style>