houserent-front/pages_subpack/category/index.vue

<template>
	<view class="uv-page">
		<searchVue @onSearch="onSearch($event)" @onParent="onDropDown($event)" />
		<view 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 20" :key="index">
			<view class="se-pos se-w-260 se-h-180">
				<image class="se-a-80 se-pos-lt" src="../../static/image/2x.png" mode=""></image>
				<image class="se-w-260 se-h-180 se-br-10" src="https://cdn.uviewui.com/uview/swiper/swiper1.png" mode=""></image>
			</view>
			<view class="se-pl-10 se-w-p-100">
				<view class="se-c-black se-fs-28">
					整租·四季峰景四期 2室2厅1卫
				</view>
				<view class="se-flex se-flex-h-sb se-flex-ai-c se-fs-24 se-mt-10 se-c-66">
					<text>精装修</text>
					<text>1年</text>
				</view>
				<view class="se-flex se-flex-h-sb se-flex-ai-c se-mt-10">
					<view class="se-display-ib se-c-white se-bgc-orange se-fs-22 se-br-8 se-px-10 se-py-5">
						全新首租
					</view>
					<view class="se-c-66 se-flex se-flex-ai-c">
						<uv-icon name="eye"></uv-icon>
						<text class="se-ml-5 se-fs-18">999+</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-28 se-fw-6">￥1500元/月</text>
					<text class="se-c-66 se-fs-22">四季峰景四期</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import searchVue from './component/search.vue'
	export default{
		components:{
			searchVue
		},
		data(){
			return{
				keyword:"",
			}
		},
		methods:{
			onSearch(event){
				console.info(event)
			},
			onDropDown(event){
				console.info(event[0].value)
			}
		}
	}
</script>

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