XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

中介房源

Browse Source
This commit is contained in:
luJianJun
2023-07-13 18:48:06 +08:00
parent 50baf3f699
commit 231612fe12
8 changed files with 4136 additions and 4028 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/biserialListItem/biserialListItem.vue
View File

@@ -18,31 +18,41 @@
</div>
</div>
<div class="address-text dis-f al-item">
<img src="" class="img" alt="">
<img src="../../assets/homeImage/addMarker.png" class="img" alt="">
<span>九龙 > 尖沙咀/佐敦</span>
</div>
<div class="price-text dis-f" style="align-items: end;">
<span class="unit">HK$</span>
<span class="price">5600</span>
<span>/月</span>
<span class="time">[123456]</span>
</div>
</div>
<div class="img">
<img src="" class="img" alt="">
<img src="" class="img " alt="">
<img src="" class="s-img" alt="" v-if="false">
</div>
</div>
<img src="../../assets/homeImage/corner.svg" class="tab-img" alt="">
<img src="../../assets/homeImage/corner.svg" class="tab-img" v-if="routePath==='/personHousing'" alt="">
<img src="../../assets/homeImage/intermediaryCorner.svg" v-if="routePath==='/intermediaryHousing'" class="tab-img" alt="">
</div>
<div class="btm-box dis-f al-item">
<img src="" class="user-img" alt="">
<span class="user-name">123</span>
<div class="btn">456456</div>
<img src="../../assets/homeImage/intermediaryTabImg.png" class="intermediary-tab-img" alt="">
</div>
</div>
</template>
<script setup>
import { ref } from "vue";
import { useRoute, useRouter } from 'vue-router'
//监听路由
const route = useRoute()
let routePath = ref('')
routePath.value = route.path
</script>
<style scoped>
img {
@@ -123,6 +133,11 @@ img {
border-radius: 10px;
}
.s-img {
width: 110px;
border-radius: 10px;
}
.top-box {
padding: 20px;
@@ -180,7 +195,7 @@ img {
.img {
width: 18px;
height: 18px;
margin-right: 10px;
margin-right: 5px;
}
}
@@ -192,6 +207,15 @@ img {
color: #555555;
margin-top: 15px;
.time {
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #7F7F7F;
margin-left:15px;
}
.price {
font-family: 'Arial-Black', 'Arial Black', sans-serif;
font-weight: 900;
@@ -218,6 +242,12 @@ img {
padding: 20px;
border-top: 1px dashed #d7d7d7;
.intermediary-tab-img{
width:85px;
height: 20px;
margin-left: 15px;
}
.user-img {
width: 24px;
height: 24px;