94 lines
1.7 KiB
Vue
94 lines
1.7 KiB
Vue
<template>
|
|
<view class="list-border">
|
|
<view class="list-container">
|
|
<view class="shop-list-img">
|
|
<u-image width="80px" height="80px" :src="imageUrl" radius="8px"></u-image>
|
|
</view>
|
|
<view class="text-area">
|
|
<text>{{title}}</text>
|
|
<view class="pos-and-sqr">
|
|
<text>锦江区</text>
|
|
<text>200m2</text>
|
|
</view>
|
|
<view class="rent-and-date">
|
|
<text>租金{{price}}</text>
|
|
<text>发布日期{{date}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="list-ads" style="font-size: 14px;">
|
|
<view>
|
|
<text>已将该店推给 </text>
|
|
<text style="color:#ce3b3b;margin: 0 4px;"> {{promotionNum}} </text>
|
|
<text> 位潜在客户</text>
|
|
</view>
|
|
<text style="color:#ce3b3b">我也要推广>></text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
imageUrl: {
|
|
type: String,
|
|
default(){
|
|
return 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg'
|
|
}
|
|
},
|
|
promotionNum:{
|
|
type:Number,
|
|
default(){
|
|
return 23
|
|
}
|
|
},
|
|
title:{
|
|
type:String,
|
|
default(){
|
|
return "琴行铺面转让"
|
|
}
|
|
}
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
|
|
},
|
|
computed: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.list-border {
|
|
margin: 10px;
|
|
padding: 10px;
|
|
background-color: #fff;
|
|
border-radius: 7px;
|
|
.list-container {
|
|
display: flex;
|
|
height: 80px;
|
|
// background-color: #000;
|
|
margin-bottom: 5px;
|
|
.shop-list-img {
|
|
// border-radius: 8px;
|
|
}
|
|
}
|
|
.text-area {
|
|
margin-left: 10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
}
|
|
.list-ads {
|
|
border-top: 1px solid #f7f7f7;
|
|
padding-top: 5px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
</style> |