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

修改

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/edit/user-box.vue
View File

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

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

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

84
src/views/edit.vue
View File

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