From 9856012e0325b375dbf5f7bf8130ea148ba5cd07 Mon Sep 17 00:00:00 2001
From: luJianJun <2587063613@qq.com>
Date: Tue, 8 Aug 2023 17:23:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8F=AF=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/apartmentList/apartmentList.vue      |  4 ++++
 .../biserialListItem/biserialListItem.vue           |  7 +++++++
 src/components/detail/breadcrumb.vue                |  4 ++++
 src/components/indexSeachInfo/indexSeachInfo.vue    |  8 +++++++-
 .../indexWaterfallBox/indexWaterfallBox.vue         | 12 +++++++++---
 src/components/pageTopBar/pageTopBar.vue            |  4 ++++
 src/components/seachModule/seachModule.vue          | 13 ++++++++++++-
 src/components/selectTabBox/selectTabBox.vue        |  4 ++++
 src/views/HomeView.vue                              |  9 +++++++++
 src/views/detail.vue                                | 10 ++++++++++
 10 files changed, 70 insertions(+), 5 deletions(-)

diff --git a/src/components/apartmentList/apartmentList.vue b/src/components/apartmentList/apartmentList.vue
index d55789c..7ecbb81 100644
--- a/src/components/apartmentList/apartmentList.vue
+++ b/src/components/apartmentList/apartmentList.vue
@@ -33,6 +33,10 @@ let moduleData = reactive({ data: {} })
 moduleData.data = props.data
 </script>
 <style scoped lang="less">
+
+.list-item:hover{
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2) !important;
+}
 .list-item {
     width: 291px;
     background: -webkit-linear-gradient(282.684800209667deg, rgba(255, 255, 255, 1) 27%, rgba(98, 177, 255, 1) 325%);
diff --git a/src/components/biserialListItem/biserialListItem.vue b/src/components/biserialListItem/biserialListItem.vue
index 18aab12..fb49404 100644
--- a/src/components/biserialListItem/biserialListItem.vue
+++ b/src/components/biserialListItem/biserialListItem.vue
@@ -266,6 +266,12 @@ img {
     }
 }
 
+.item:hover{
+    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+}
+
 .item {
     width: 590px;
     background-color: rgba(255, 255, 255, 1);
@@ -277,6 +283,7 @@ img {
     position: relative;
     margin-bottom: 20px;
     cursor: pointer;
+    transition: all linear 0.2s;
 
     .detail-tab {
         width: 32px;
diff --git a/src/components/detail/breadcrumb.vue b/src/components/detail/breadcrumb.vue
index f367e15..ee93e48 100644
--- a/src/components/detail/breadcrumb.vue
+++ b/src/components/detail/breadcrumb.vue
@@ -251,6 +251,10 @@ img {
         padding: 20px;
         border-bottom: 1px solid #ebebeb;
 
+        .breadcrumb-text:hover{
+            color:#000;
+            text-decoration: underline;
+        }
         .breadcrumb-text {
             font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
             font-weight: 400;
diff --git a/src/components/indexSeachInfo/indexSeachInfo.vue b/src/components/indexSeachInfo/indexSeachInfo.vue
index a6bb5ae..88bc83e 100644
--- a/src/components/indexSeachInfo/indexSeachInfo.vue
+++ b/src/components/indexSeachInfo/indexSeachInfo.vue
@@ -168,6 +168,10 @@ let selectSeach = (data) => {
         color: rgba(80, 227, 194, 1) !important;
     }
 
+    .select-btn:hover{
+        background: rgba(242,242,242,1) !important;
+    }
+
     .select-btn {
         width: 162px;
         height: 40px;
@@ -205,7 +209,9 @@ let selectSeach = (data) => {
         height: 32px !important;
         cursor: pointer;
     }
-
+    .btn:hover{
+        background: rgba(242,242,242,1) !important;
+    }
     .btn {
         width: 90px;
         height: 32px;
diff --git a/src/components/indexWaterfallBox/indexWaterfallBox.vue b/src/components/indexWaterfallBox/indexWaterfallBox.vue
index f811728..df89fe8 100644
--- a/src/components/indexWaterfallBox/indexWaterfallBox.vue
+++ b/src/components/indexWaterfallBox/indexWaterfallBox.vue
@@ -194,6 +194,12 @@ watchEffect(()=>{
     cursor:default !important;
 }
 
+.item:hover{
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+}
+
 .item {
     width: 285px;
     background: inherit;
@@ -453,9 +459,9 @@ watchEffect(()=>{
 }
 
 .live-img:hover {
-    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
-    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
-    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
 }
 </style>
   
\ No newline at end of file
diff --git a/src/components/pageTopBar/pageTopBar.vue b/src/components/pageTopBar/pageTopBar.vue
index 1df768f..8687192 100644
--- a/src/components/pageTopBar/pageTopBar.vue
+++ b/src/components/pageTopBar/pageTopBar.vue
@@ -279,6 +279,10 @@ const goIndex = () => router.push("/")
   border-bottom: 4px solid rgba(78, 144, 204, 1);
 }
 
+.top-bg-img-box .info-box .btm-seach-btn-box .tab-btn:hover{
+  color:#fff !important;
+}
+
 .top-bg-img-box .info-box .btm-seach-btn-box .tab-btn {
   width: 120px;
   height: 47px;
diff --git a/src/components/seachModule/seachModule.vue b/src/components/seachModule/seachModule.vue
index b517d89..da11595 100644
--- a/src/components/seachModule/seachModule.vue
+++ b/src/components/seachModule/seachModule.vue
@@ -331,11 +331,16 @@ defineExpose({
             position: relative;
             justify-content: end;
             border-bottom: 1px solid #ebebeb;
-
+            .intermediary-btn:hover{
+                background: #f4f7f9 !important;
+            }
             .intermediary-btn {
                 background: rgba(241, 245, 247, 1) !important;
             }
 
+            .authentication-btn:hover{
+                background:#f6f5ff;
+            }
             .authentication-btn {
                 width: 160px;
                 height: 48px;
@@ -466,6 +471,9 @@ defineExpose({
                 left: -7px;
             }
 
+            .seach-btn:hover{
+                background:#81c1ff !important;
+            }
             .seach-btn {
                 width: 100px;
                 height: 48px;
@@ -496,6 +504,9 @@ defineExpose({
                 margin-left: 20px;
             }
 
+            .add-btn:hover{
+                background:#fde177 !important;
+            }
             .add-btn {
                 background: rgba(253, 218, 85, 1);
                 margin-left: 20px;
diff --git a/src/components/selectTabBox/selectTabBox.vue b/src/components/selectTabBox/selectTabBox.vue
index 4fa6f8f..3c20594 100644
--- a/src/components/selectTabBox/selectTabBox.vue
+++ b/src/components/selectTabBox/selectTabBox.vue
@@ -1263,6 +1263,10 @@ img {
     }
 }
 
+/deep/ .el-checkbox:hover{
+    color:#000;
+}
+
 /deep/ .el-dropdown-menu__item {
     --el-dropdown-menuItem-hover-color: #7F7F7F;
     --el-dropdown-menuItem-hover-fill: rgba(246, 246, 246, 1);
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 0c8167e..725333a 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -477,6 +477,9 @@ img {
         overflow: hidden;
         text-overflow: ellipsis;
 
+        .text:hover{
+          text-decoration: underline;
+        }
         .text {
           font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
           font-weight: 400;
@@ -642,6 +645,12 @@ img {
         text-align: center;
       }
 
+      .img-box:hover{
+        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+        -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+        -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+      }
+
       .img-box {
         width: 56px;
         height: 56px;
diff --git a/src/views/detail.vue b/src/views/detail.vue
index 05ee237..891e1c7 100644
--- a/src/views/detail.vue
+++ b/src/views/detail.vue
@@ -1961,6 +1961,11 @@ img {
 .top-contact-btn {
     width: 200px !important;
 }
+.contact-btn:hover{
+    background: -webkit-linear-gradient(0, rgba(168, 209, 247, 1) -4%, rgba(213, 232, 249, 1) 102%);
+    background: -moz-linear-gradient(0, rgba(168, 209, 247, 1) -4%, rgba(213, 232, 249, 1) 102%);
+    background: linear-gradient(0, rgba(168, 209, 247, 1) -4%, rgba(213, 232, 249, 1) 102%);
+}
 
 .contact-btn {
     width: 260px;
@@ -2428,6 +2433,11 @@ img {
                     flex-shrink: 0;
                     position: relative;
                 }
+                .img:hover{
+                    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
+                    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
+                    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
+                }
 
                 .img {
                     height: 100px;