carrent-front/pages_subpack/recommend/index.vue

<template>
	<view>
		<view class="se-px-20 se-py-20 se-bgc-white">
			<u-tabs :activeStyle="{
			    color: '#669A32',
			    transform: 'scale(1.05)'
			}" lineColor="#669A32" :list="list" @click="onClick"></u-tabs>
		</view>
		<view class="se-m-20">
			<view class="se-bgc-white se-br-20 se-p-20 se-mb-20 se-flex" v-for="(items,indexs) in 20" :key="indexs">
				<image class="se-a-80 se-br-p-50" src="https://cdn.uviewui.com/uview/swiper/swiper1.png" mode=""></image>
				<view class="se-flex se-flex-v se-flex-1 se-px-20">
					<view class="se-c-black se-fw-6 se-fs-26 se-toe-1 se-pt-5">
						用户138400*******
					</view>
					<view class="se-c-33 se-fs-24 se-lh-40 se-toe-3 se-pt-10">
						加入100天
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				list:[
					{
						name: '直接用户',
					}, {
						name: '间推用户',
					}
				]
			}
		},
		watch: {
			
		},
		methods:{
			onClick(index){
				console.info(index)
			}
		}
	}
</script>

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