ylrz_scrm_uniapp/pages_index/index/healthAdvice.vue

<template>
	<view class="column"   style="height: 100%;" >
		<view class="justify-center bgf" >
			 <u-tabs :list="list1" lineWidth='30' :lineColor="color"
			 @click="acttab"></u-tabs>
		</view>
		<view  class="list-img  flex-1 scrolly p20" >
			<view class="bgf radius20 list mtb10" v-for="item in 9" >
				<view class="posimg">
					<image src="https://beiliyo-2025.obs.cn-north-4.myhuaweicloud.com/fs/20250116/1737005549926.png" mode="aspectFill" class="img"></image>
				</view>
				<view class="p20">
					<view>胡斌</view>
					<view class="color9 fs24">
						注册营养师
					</view>
					<view class="mt8 justify-between align-center zan" >
						<view class="justify-start align-center ">
							<view class="color6 fs24 zixun">点击咨询</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src:'',
				zanact:true,
				color:'#018C39',
				list1: [{
					name: '健康',
				}, {
					name: '养生',
				}],
			}
		},
		methods: {
			acttab(e){
				console.log(e)
			}
		}
	}
</script>

<style lang="scss" scoped>
.list-img{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	.list{
		width: 48%;
	}
}
.img{
	width: 100%;
	height: 350rpx;
	
}
.ve{
	width: 60rpx;
	height: 60rpx;
	position: absolute;
	bottom: 50%;
	left: 40%;
}
.zan{
	flex-direction: row-reverse;
	.zixun{
		background-color: #018C39;
		color: #fff;
		padding:8rpx 20rpx;
		border-radius: 20rpx;
	}
}
</style>