You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.7 KiB
61 lines
1.7 KiB
<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>
|