修改我的公寓列表样式

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

@ -1,4 +1,4 @@
<!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/favicon.ico"/><title>港校租房</title><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/chunk-vendors.6d96b969.js"></script><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/app.ba0b4c1c.js"></script><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/chunk-vendors.7885d77e.css" rel="stylesheet"><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/app.82cd2e20.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zufang doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script src="https://app.gter.net/bottom?tpl=header&menukey=fang"></script><div id="app"></div><div style="display: none;"><script src="//v1.cnzz.com/z_stat.php?id=1281224882&amp;web_id=1281224882"></script><script>var _hmt = _hmt || [] <!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/favicon.ico"/><title>港校租房</title><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/chunk-vendors.6d96b969.js"></script><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/app.88c12724.js"></script><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/chunk-vendors.7885d77e.css" rel="stylesheet"><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/app.82cd2e20.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zufang doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script src="https://app.gter.net/bottom?tpl=header&menukey=fang"></script><div id="app"></div><div style="display: none;"><script src="//v1.cnzz.com/z_stat.php?id=1281224882&amp;web_id=1281224882"></script><script>var _hmt = _hmt || []
;(function () { ;(function () {
var hm = document.createElement("script") var hm = document.createElement("script")
hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746" hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746"

1
dist/js/app.88c12724.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
dist/js/user.54a7ab2e.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

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

View File

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