小修改

src/components/apartment/seachModule.vue

@@ -109,7 +109,7 @@
                                 <div class="option-box flexacenter flex1 option-input-box">
                                     <div class="flex1">
                                         <input class="option-input" type="number" v-model="pitchValue['rent_min']"
-                                            @blur="rentBlur" @input="rentInput" /> ~ <input class="option-input"
+                                            @blur="rentBlur" @input="rentInput" /><span style="font-size: 18px;">~</span><input class="option-input"
                                             type="number" v-model="pitchValue['rent_max']" @blur="rentBlur"
                                             @input="rentInput" />HK$/月
                                     </div>

src/components/public/apartment-item.vue

@@ -61,6 +61,12 @@ const goapArtmentDetails = () => redirectToExternalWebsite(`/apartmentDetail?uni
     height: fit-content;
     cursor: pointer;
 
+    &:hover {
+        -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.256862745098039);
+        -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.256862745098039);
+        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.256862745098039);
+    }
+
     .img {
         width: 366px;
         height: 244px;

src/components/public/public-list-item.vue

@@ -24,7 +24,8 @@
                         <div class="tab-item mg-l-8 flexacenter" v-if="data.gender">
                             {{ listData.gender[data.gender] }}
                         </div>
-                        <div class="tab-item mg-l-8 flexacenter" v-if="data.rentalduration != '' && data.rentalduration != null">
+                        <div class="tab-item mg-l-8 flexacenter"
+                            v-if="data.rentalduration != '' && data.rentalduration != null">
                             {{ data.rentalduration == 0 ? '租期不限' : listData['rentalduration'][data.rentalduration] }}
                         </div>
 
@@ -345,6 +346,12 @@ img {
     position: relative;
     margin-bottom: 20px;
 
+    &:hover {
+        -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1784313725490196);
+        -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1784313725490196);
+        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1784313725490196);
+    }
+
     .mg-t-10 {
         margin-top: 10px;
     }

src/views/apartmentDetail.vue

@@ -908,6 +908,10 @@ const publicJump = path => router.push(path)
                                 background-color: rgba(255, 255, 255, 0.501960784313725);
                             }
 
+                            &:hover::after {
+                                background-color: transparent;
+                            }
+
                             &.pitch {
                                 &::after {
                                     height: 0;
@@ -1061,6 +1065,10 @@ const publicJump = path => router.push(path)
                 padding: 0 17px;
                 cursor: pointer;
 
+                &:hover {
+                    color: #494848;
+                }
+
                 &.pitch {
                     background-color: #000;
                     font-weight: 650;
@@ -1100,6 +1108,12 @@ const publicJump = path => router.push(path)
                     background: linear-gradient(125.145545499706deg, rgba(98, 177, 255, 1) -11%, rgba(128, 255, 255, 1) 135%);
                     font-size: 16px;
                     color: #FFFFFF;
+
+                    &:hover {
+                        background: -webkit-linear-gradient(324.854454500294deg, rgba(128, 255, 255, 1) -11%, rgba(98, 177, 255, 1) 135%);
+                        background: -moz-linear-gradient(125.145545499706deg, rgba(128, 255, 255, 1) -11%, rgba(98, 177, 255, 1) 135%);
+                        background: linear-gradient(125.145545499706deg, rgba(128, 255, 255, 1) -11%, rgba(98, 177, 255, 1) 135%);
+                    }
                 }
             }
         }
@@ -1255,6 +1269,12 @@ const publicJump = path => router.push(path)
                             font-size: 16px;
                             color: #FFFFFF;
                             cursor: pointer;
+
+                            &:hover {
+                                background: -webkit-linear-gradient(321.966692522331deg, rgba(128, 255, 255, 1) -13%, rgba(98, 177, 255, 1) 137%);
+                                background: -moz-linear-gradient(128.033307477669deg, rgba(128, 255, 255, 1) -13%, rgba(98, 177, 255, 1) 137%);
+                                background: linear-gradient(128.033307477669deg, rgba(128, 255, 255, 1) -13%, rgba(98, 177, 255, 1) 137%);
+                            }
                         }
 
                         .full-occupancy {

src/views/user.vue

@@ -534,6 +534,10 @@ onUnmounted(() => {
             margin-right: 10px;
             cursor: pointer;
 
+            &:hover {
+                color: #000;
+            }
+
             &.pitch {
                 background-color: rgba(98, 177, 255, 1);
                 border-radius: 8px;