gter.net/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改 列表的地区不限、 修改编辑的边框、输入长度

Browse Source
This commit is contained in:
A1300399510 2023-07-31 15:31:16 +08:00
parent 6b0baef36c
commit 323e153967
3 changed files with 32 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/public/apartment-item.vue
View File

@ -7,12 +7,13 @@
<div class="tab-item flexcenter" v-for="it in item['tags'].split(',')">{{ it }}</div>
</div>
<div class="location flexacenter" v-if="item['address']">
<img class="location-icon" src="@/assets/img/publicImage/location-icon.png">{{ item['address'] }}
<img class="location-icon" src="@/assets/img/publicImage/location-icon.png">
<div class="ellipsis">{{ item['address'] }}</div>
</div>
<div class="type-list" v-if="item['roomlist']">
<div class="type-item flexacenter" v-for="it in item['roomlist']">
<div class="type-name flex1">{{ it['name'] }}</div>
<div class="type-name flex1 ellipsis">{{ it['name'] }}</div>
<div class="type-data flexacenter">
<div class="unit">HK$</div>
<div class="price">{{ it['price'] }}</div>
@ -86,7 +87,8 @@ const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['i
padding-left: 6px;
.tab-item {
height: 28px;
// height: 28px;
line-height: 28px;
background-color: rgba(224, 240, 255, 1);
border-radius: 5px;
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
@ -96,6 +98,7 @@ const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['i
padding: 0 11px;
margin-right: 10px;
margin-bottom: 10px;
word-break: break-word;
}
}
@ -130,6 +133,7 @@ const goapArtmentDetails = () => router.push(`/apartmentDetail?uniqid=${props['i
.type-name {
color: #000000;
font-size: 15px;
padding-right: 15px;
}
.type-data {

2
src/components/public/public-list-item.vue
View File

@ -30,7 +30,7 @@
<template v-for="it in item['location']">
<div class="address-item flexacenter" v-if="it">
<img src="../../assets/homeImage/addMarker.png" class="img" alt="">
{{ location[it >>> 0] + ' > ' + location[it] }}
{{ location[it >>> 0] + ' > ' + (it >>> 0 == it ? '不限' : location[it]) }}
</div>
</template>
</template>

38
src/views/edit.vue
View File

@ -70,8 +70,8 @@
<div class="modeTwo-item flexacenter" :class="{ 'pitch': info['leasetime'] }" ref="leasetime">
<el-date-picker prefix-icon="" clear-icon="" v-model="info.leasetime" type="date"
placeholder="选择日期"></el-date-picker>
<img class="arrows-icon" src="@/assets/img/edit/arrows.svg" />
<img class="arrows-icon-pitch" src="@/assets/img/edit/blue-arrow.svg" />
<img class="arrows-icon rotate0" src="@/assets/img/edit/arrows.svg" />
<img class="arrows-icon-pitch rotate0" src="@/assets/img/edit/blue-arrow.svg" />
</div>
</div>
@ -335,7 +335,7 @@
<!-- 目标区域 - 有数据 -->
<div v-if="item.field == 'location' && intermediary == 6 && info.location.length != 0" ref="location"
class="form-option flexacenter target-area-box">
class="form-option flexacenter target-area-box" style="border-color: rgb(235, 235, 235);">
<div class="target-area-item flexacenter" v-for="(item, index) in info.location" :key="index">
<div class="target-area-item-index flexcenter">{{ index + 1 }}</div>
{{ locationObj[item >>> 0] }} > {{ item >>> 0 == item ? '不限' : locationObj[item] }}
@ -505,10 +505,10 @@
</div>
</div>
<el-input v-if="item.field == 'whatsapp'" class="relation-input" :placeholder="item.placeholder"
v-model="info.whatsapp"></el-input>
<el-input v-if="item.field == 'tel'" class="relation-input" :placeholder="item.placeholder"
v-model="info.tel">
<el-input v-if="item.field == 'whatsapp'" maxlength="50" class="relation-input"
:placeholder="item.placeholder" v-model="info.whatsapp"></el-input>
<el-input v-if="item.field == 'tel'" maxlength="50" class="relation-input"
:placeholder="item.placeholder" v-model="info.tel">
</el-input>
</div>
@ -583,7 +583,7 @@
</div>
<!-- 发布成功 -->
<div class="flexcenter pop-mask" @click="succeedPopState = 0" v-if="succeedPopState == 1">
<div class="flexcenter pop-mask" v-if="succeedPopState == 1">
<div class="pop succeed-box shadow radius16 flexflex"
:style="{ backgroundImage: `url(${require('@/assets/img/edit/succeed-pop-bj2.svg')})` }" @click.stop="">
<div class="pop-close" @click="skipDetails()" style="position: static;">
@ -593,7 +593,7 @@
<img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
</div>
<div class="QRCode-box flexcenter " @click.stop="succeedPopState = 0">
<div class="QRCode-box flexcenter">
<img class="QRCode-img" :src="qrcodeBase64" />
</div>
<div class="succeed-hint flexacenter">绑定 <div class="bold">寄托港校租小程序</div> 解锁以下操作</div>
@ -610,7 +610,7 @@
<div class="succeed-examine" @click="skipDetails()">查看刚刚发布的{{ intermediary == 6 ? '求' : '' }}房源</div>
</div>
</div>
<div class="flexcenter pop-mask" @click="succeedPopState = 0" v-if="succeedPopState == 2">
<div class="flexcenter pop-mask" v-if="succeedPopState == 2">
<div class="pop succeed-box shadow radius16 flexflex" style="padding-bottom: 99px;" @click.stop="">
<div class="pop-close" @click="skipDetails()" style="position: static;">
<img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
@ -620,7 +620,7 @@
<img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
</div>
<div class="QRCode-box flexcenter " @click.stop="succeedPopState = 0">
<div class="QRCode-box flexcenter">
<img class="QRCode-img" :src="qrcodeBase64" />
</div>
@ -629,7 +629,7 @@
<div class="succeed-examine" @click="skipDetails()">查看刚刚发布的求房源</div>
</div>
</div>
<div class="flexcenter pop-mask" @click="succeedPopState = 0" v-if="succeedPopState == 3">
<div class="flexcenter pop-mask" v-if="succeedPopState == 3">
<div class="pop succeed-box shadow radius16 flexflex" style="padding-bottom: 58px;"
:style="{ backgroundImage: `url(${require('@/assets/img/edit/succeed-pop-bj1.svg')})` }" @click.stop="">
<div class="pop-close" @click="skipDetails()" style="position: static;">
@ -639,7 +639,7 @@
<img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
</div>
<div class="QRCode-box flexcenter " @click.stop="succeedPopState = 0">
<div class="QRCode-box flexcenter ">
<img class="QRCode-img" :src="qrcodeBase64" />
</div>
@ -984,6 +984,12 @@ export default {
}
const file = event.target.files[0];
if ((file['size'] / 1024 / 1024) > 10) {
this.$message.error("请大小小于10M");
return
}
const reader = new FileReader();
reader.onload = () => {
this.myImage = reader.result;
@ -1370,7 +1376,7 @@ export default {
},
// 跳转
skipDetails(){
skipDetails() {
this.$router.push(`/detail?id=${this.uniqid}`)
},
@ -2734,4 +2740,8 @@ export default {
}
}
.rotate0 {
transform: rotate(0deg) !important;
}
</style>