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

修改我的公寓列表样式

Browse Source
This commit is contained in:
A1300399510
2024-04-18 11:12:50 +08:00
parent 8a3d0f383a
commit 223e38d739
10 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/apartmentDetail.vue
View File

@@ -2383,6 +2383,7 @@ a:-webkit-any-link {
border-radius: 10px;
color: #fff;
margin-right: 10px;
max-width: 570px;
}
.journey-item .journey-value.bus {
@@ -2397,6 +2398,7 @@ a:-webkit-any-link {
border-radius: 10px;
margin-right: 10px;
color: #333333;
max-width: 570px;
}
.academy-school-hint {

24
src/views/user.vue
View File

@@ -71,13 +71,13 @@
</div>
<div class="list wid1200 flexflex" v-show="tabState == 'fav'" ref="gridContainer">
<div class="item" v-for="(item, index) in favData['list']" :key="item.id" @click="goApartmentDetail(item)">
<div class="item" v-for="(item, index) in favData['list']" :key="item.id" @click="goApartmentDetail(item)">
<div v-if="item.collectiontype == 'apartment'" class="apartment-item">
<div class="apartment-header flexflex">
<img class="apartment-header-img" :src="item.image || item.imageurl" />
<div class="apartment-header-content flexflex flex1">
<div class="apartment-header-title">{{ item.title }}</div>
<div class="apartment-header-tips">{{ item.propaganda }}</div>
<div class="apartment-header-content flexflex">
<div class="apartment-header-title ellipsis">{{ item.title }}</div>
<div class="apartment-header-tips ellipsis">{{ item.propaganda }}</div>
<div class="apartment-header-types flex">
<div v-for="(it, i) in item.othertags" :key="i" class="apartment-header-types-item flexcenter">{{ it }}</div>
</div>
@@ -86,7 +86,7 @@
<div class="apartment-type-box flexflex flex1">
<div class="apartment-type-list flexflex flex1">
<div class="apartment-type-list-item flexacenter" v-for="(it, index) in item.roomlist" :key="index">
<div class="apartment-type-list-item-name flex1">{{ it.name }}</div>
<div class="apartment-type-list-item-name ellipsis flex1">{{ it.name }}</div>
<div class="apartment-type-list-item-price flexacenter">
<div class="unit">HK$</div>
<div class="value">{{ it.price }}</div>
@@ -104,7 +104,7 @@
<div class="apartment-bottom flexacenter">
<div class="apartment-bottom-location flexacenter flex1">
<img class="apartment-bottom-icon" src="@/assets/img/publicImage/location-icon.png" />
{{ item.address }}
<span class="apartment-bottom-text flex1 ellipsis">{{ item.address }}</span>
</div>
<div class="apartment-bottom-btn flexacenter" @click.stop="cancelCollection(item)">
<img class="apartment-bottom-btn-icon" src="@/assets/img/publicImage/black-circle-cross.svg" />
@@ -214,7 +214,7 @@ const init = () => {
else tabState.value = "fav"
} else tabState.value = route.query["tab"]
if (tabState.value == 'publish') getPublishData()
if (tabState.value == "publish") getPublishData()
else getFavData()
// tabState.value = "fav"
// getFavData()
@@ -316,8 +316,8 @@ const cutTab = value => {
// 取消收藏
let cancelCollection = data => {
let url = '/tenement/pc/api/user/operation'
if (data['collectiontype'] == 'apartment') url = '/tenement/pc/api/user/apartmentCollection'
let url = "/tenement/pc/api/user/operation"
if (data["collectiontype"] == "apartment") url = "/tenement/pc/api/user/apartmentCollection"
proxy
.$post(url, {
token: data["token"],
@@ -701,6 +701,7 @@ onUnmounted(() => {
.apartment-header-content {
flex-direction: column;
width: 321px;
.apartment-header-title {
font-weight: 650;
font-size: 20px;
@@ -750,6 +751,7 @@ onUnmounted(() => {
.apartment-type-list-item-name {
font-size: 15px;
color: #000000;
width: 190px;
}
.apartment-type-list-item-price {
@@ -809,6 +811,10 @@ onUnmounted(() => {
height: 18px;
margin-right: 5px;
}
.apartment-bottom-text {
width: 450px;
}
}
.apartment-bottom-btn {