houserent-front/components/home/homeList.vue

<template>
	<view class="se-pb-200">
		<view v-if="list.length>0">
			<view @click="onDetail(item)" class="se-my-10 se-mx-20 se-px-20 se-py-20 se-br-20 se-bgc-white se-flex" v-for="(item,index) in list" :key="index">
				<view class="se-pos se-w-260 se-h-180">
					<image v-if="item.iconImage" class="se-a-80 se-pos-lt" :src="item.iconImage" mode="aspectFill"></image>
					<image class="se-w-260 se-h-180 se-br-10" :src="item.images[0]" mode="aspectFill"></image>
				</view>
				<view class="se-pl-10 se-w-p-100">
					<view class="se-c-black se-fs-28">
						{{item.title}}
					</view>
					<view class="se-flex se-flex-h-sb se-flex-ai-c se-fs-24 se-mt-10 se-c-66">
						<text>{{item.homeType}}</text>
						<text>{{item.timeGo}}年</text>
					</view>
					<view class="se-flex se-flex-v se-mt-10"
                    >
						<template v-if="item.iconTitles.length>0">
							<view class="se-flex se-flex-wrap"
                            style="flex-wrap: wrap;">
								<view class="se-display-ib se-c-white se-bgc-orange se-fs-22 se-br-8 se-px-10 se-py-5 se-mr-10 se-mb-10" v-for="(items,indexs) in item.iconTitles" :key="indexs">
									{{items}}
								</view>
							</view>
						</template>
						<template v-else><view></view></template>
						<view class="se-c-66 se-flex se-flex-ai-c se-mt-10">
							<uv-icon name="eye"></uv-icon>
							<text class="se-ml-5 se-fs-18">{{item.num}}</text>
						</view>
					</view>
					<view class="se-flex  se-flex-h-sb se-flex-ai-c se-mt-10">
						<text class="se-c-red se-fs-24 se-fw-6 se-toe-1">￥{{item.price}}{{item.unit}}</text>
						<text class="se-c-66 se-fs-22 se-toe-1">{{item.address}}</text>
					</view>
				</view>
			</view>
		</view>
		<view v-else>
			<uv-empty mode="list" ></uv-empty>
		</view>
	</view>
</template>

<script>
	export default {
		name:"homeList",
		props : ['list'],
		data() {
			return {
				
			};
		},
		methods : {
			onDetail(event){
				uni.navigateTo({
					url:"/pages_subpack/detail/index?id="+event.id
				})
			},
		}
	}
</script>

<style>

</style>