From ce5e42d66863acc72c8bcd7194476747f292a3ee Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Tue, 8 Aug 2023 18:20:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/edit/user-box.vue           |  3 +
 src/components/public/public-list-item.vue |  2 +-
 src/views/edit.vue                         | 86 +++++++++++++++++-----
 3 files changed, 72 insertions(+), 19 deletions(-)

diff --git a/src/components/edit/user-box.vue b/src/components/edit/user-box.vue
index 5a7af1a..9f14fa1 100644
--- a/src/components/edit/user-box.vue
+++ b/src/components/edit/user-box.vue
@@ -227,6 +227,9 @@ let intermediaryObj = {
                 color: #fff;
                 font-weight: 400;
                 cursor: pointer;
+                &:hover {
+                    background-color: #0f0f0f;
+                }
 
                 .learn-more-icon {
                     width: 16px;
diff --git a/src/components/public/public-list-item.vue b/src/components/public/public-list-item.vue
index c9e5f96..2aaf32a 100644
--- a/src/components/public/public-list-item.vue
+++ b/src/components/public/public-list-item.vue
@@ -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;
diff --git a/src/views/edit.vue b/src/views/edit.vue
index 7010578..972f780 100644
--- a/src/views/edit.vue
+++ b/src/views/edit.vue
@@ -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;