This commit is contained in:
A1300399510 2023-08-08 18:20:36 +08:00
parent 2d0d323494
commit ce5e42d668
3 changed files with 72 additions and 19 deletions

View File

@ -227,6 +227,9 @@ let intermediaryObj = {
color: #fff;
font-weight: 400;
cursor: pointer;
&:hover {
background-color: #0f0f0f;
}
.learn-more-icon {
width: 16px;

View File

@ -480,7 +480,7 @@ img {
.btm-box {
padding: 0 20px;
height: 58px;
border-top: 1px dashed #d7d7d7;
border-top: 1px dotted #d7d7d7;
.intermediary-tab-img {
width: 85px;

View File

@ -27,11 +27,10 @@
<el-popover placement="bottom" :width="640" v-model:visible="typePopState" :show-arrow="false"
trigger="click" popper-style="padding:0; border-radius:16px;" popper-class="popover-leasetime">
<template #reference>
<div class="modeOne-item flexacenter wid640" :class="{ 'pitch': info['type'] }"
style="border-color: rgba(235, 235, 235, 1);" ref="type">
<div class="modeOne-item flexacenter wid640" ref="type">
<div class="modeOne-text flexacenter" v-if="info['type']">
{{ typeData[info['type'] >>> 0]['name'] }}
<img class="form-arrows" src="@/assets/img/edit/thin-arrow.svg" />
<img class="form-arrows" src="@/assets/img/edit/thin-arrow-disabled.svg" />
{{ typeValueUltimately }}
</div>
<div class="modeOne-text flexacenter" v-else style="color: #AAAAAA;">请选择</div>
@ -79,9 +78,7 @@
:show-arrow="false" trigger="click" popper-style="padding:0; border-radius:16px;"
popper-class="popover-leasetime">
<template #reference>
<div class="modeOne-item flexacenter wid640"
:class="{ 'pitch': info['rentalduration'] != null }"
style="border-color: rgba(235, 235, 235, 1);" ref="rentalduration">
<div class="modeOne-item flexacenter wid640" ref="rentalduration">
<div class="modeOne-text flexacenter" v-if="info['rentalduration'] != null">
{{ rentaldurationObj[info['rentalduration']] }}
</div>
@ -144,8 +141,7 @@
popper-style="padding:0; border-radius:16px;" popper-class="popover-leasetime"
v-model:visible="leasetimePopState">
<template #reference>
<div class="modeOne-item flexacenter wid640"
:class="{ 'pitch': info['leasetime'] != null }">
<div class="modeOne-item flexacenter wid640">
<div class="modeOne-text flexacenter" v-if="info['leasetime'] != null" ref="leasetime">
{{
info['leasetime'] || '随时' }}
@ -394,11 +390,10 @@
<el-popover v-model:visible="areaPopState" placement="bottom" :width="640" :show-arrow="false"
trigger="click" popper-style="padding:0; border-radius:16px;" :disabled="verified == 1">
<template #reference>
<div ref="location" class="modeOne-item flexacenter"
:class="{ 'pitch': info['location'], 'disabled': verified == 1 }" style="width: 640px;">
<div ref="location" class="modeOne-item flexacenter" :class="{ 'disabled': verified == 1 }"
style="width: 640px;">
<div class="modeOne-text flexacenter" v-if="info['location']">
{{ locationData[Math.floor(info.location)].name }}
<img class="form-arrows" src="@/assets/img/edit/thin-arrow.svg" />
<img class="form-arrows form-arrows-disabled"
src="@/assets/img/edit/thin-arrow-disabled.svg" />
{{ locationData[Math.floor(info.location)].data[info.location] }}
@ -440,8 +435,7 @@
<!-- 地址 -->
<div class="form-option modeOne flexacenter"
v-if="intermediary != 6 && (item.field == 'address' && info['location'])">
<div class="modeOne-item flexacenter"
:class="{ 'pitch': info['address'], 'disabled': verified == 1 && info['address'] }"
<div class="modeOne-item flexacenter" :class="{ 'disabled': verified == 1 && info['address'] }"
style="width: 640px;" @click="verified == 1 && info['address'] ? '' : handleLocationData()">
<div class="modeOne-text flexacenter" v-if="info['address']">{{ info['address'] }}</div>
<div class="modeOne-text flexacenter" v-else style="color: #AAAAAA;">请选择</div>
@ -484,8 +478,8 @@
:disabled="verified == 1" :teleported="false">
<template #reference>
<div ref="communityname" class="modeOne-item flexacenter"
:class="{ 'pitch': info['communityname'], 'disabled': verified == 1 }"
style="width: 640px;" @click="handleResidentialArea()" v-if="!isCommunityListNoData">
:class="{ 'disabled': verified == 1 }" style="width: 640px;"
@click="handleResidentialArea()" v-if="!isCommunityListNoData">
<div class="modeOne-text ellipsis flex1" v-if="info['communityname']"
style="padding-right: 10px;">{{ info.communityname }}
</div>
@ -504,7 +498,7 @@
<div class="residential-text flex1 flexacenter"
:class="{ 'pitchpitch': item.id == info['communityid'] }">
<div class="">{{ item.name }}</div>
<img class="arrows-icon" v-if="item.id == info['communityid']"
<img class="arrows-icon rotate0" v-if="item.id == info['communityid']"
src="@/assets/img/edit/blue-tick.svg" />
</div>
</div>
@ -1580,7 +1574,7 @@ export default {
this.$router.push(`/detail?id=${this.uniqid}`)
},
skipUser(){
skipUser() {
this.$router.push(`/user??tab=publish`)
},
@ -1688,6 +1682,10 @@ export default {
line-height: 30px;
color: #50e3c2;
cursor: pointer;
&:hover {
color: rgb(71, 202, 170);
}
}
}
@ -1748,6 +1746,10 @@ export default {
justify-content: space-between;
cursor: pointer;
&:hover {
border-color: #aaa;
}
&:last-of-type {
margin-right: 0;
}
@ -1867,6 +1869,10 @@ export default {
cursor: pointer;
margin-bottom: 10px;
&:hover {
border-color: rgba(170, 170, 170, 1);
}
&:nth-last-child(-n+3) {
margin-bottom: 0;
}
@ -1885,6 +1891,10 @@ export default {
border-radius: 10px;
overflow: hidden;
&:hover {
border-color: #aaa;
}
.modeFour-select {
height: 100%;
@ -2169,7 +2179,7 @@ export default {
}
.form-arrows-disabled {
display: none;
// display: none;
}
.media-box {
@ -2186,6 +2196,14 @@ export default {
&:not(:nth-last-child(-n+5)) {
margin-bottom: 30px;
}
&:hover {
.media-add-icon {
transform: scale(1.1);
transition: all 0.3s;
}
}
&.pitch {
.media-cover-bnt {
@ -2225,6 +2243,8 @@ export default {
cursor: pointer;
}
.media-add-icon,
.media-cross-icon {
width: 16px;
@ -2369,12 +2389,20 @@ export default {
&.save {
color: #333;
border: 1px solid rgba(215, 215, 215, 1);
&:hover {
background-color: #aaa;
}
}
&.submit {
background-color: rgba(98, 177, 255, 1);
font-weight: 650;
color: #fff;
&:hover {
background-color: rgba(88, 162, 230, 1);
}
}
}
}
@ -2430,6 +2458,12 @@ export default {
top: 0;
left: 0;
cursor: pointer;
}
&:hover {
background-color: rgba(242, 242, 242, 1);
}
.wechat-icon {
@ -2847,6 +2881,10 @@ export default {
margin-bottom: 10px;
cursor: pointer;
&:hover {
background-color: #efefef;
}
&.pitch {
color: #62B1FF;
border: 1px solid rgba(98, 177, 255, 1);
@ -3046,6 +3084,10 @@ export default {
margin-right: 26px;
justify-content: space-between;
&:hover {
color: #62B1FF;
}
&.pitch {
color: #62B1FF;
}
@ -3066,6 +3108,10 @@ export default {
font-size: 16px;
color: #555555;
&:hover {
color: #62B1FF;
}
&.pitch {
color: #62B1FF;
}
@ -3139,6 +3185,10 @@ export default {
border-bottom: 1px solid rgba(235, 235, 235, 1);
}
&:hover {
color: #62B1FF;
}
&.pitch {
color: #62B1FF;