过渡效果

src/components/apartment/seachModule.vue

@@ -428,6 +428,8 @@ let deleteSeachVal = (i) => {
                 width: 0;
                 height: 0;
                 position: absolute;
+                // bottom: -46px;
+                // left: -6px;
                 bottom: -47px;
                 left: -7px;
             }

src/components/public/transmitBtn.vue

@@ -198,6 +198,10 @@ const copy = () => {
     cursor: pointer;
     color: #000;
 }
+
+.transmit-unfold-box .copy-link-btn:hover {
+    background: rgba(70, 223, 186, 0.8);
+}
 </style>
 <style lang="less">
 .message-info {

src/views/apartmentDetail.vue

@@ -901,19 +901,24 @@ const publicJump = path => router.push(path)
                             &::after {
                                 content: "";
                                 position: absolute;
-                                top: 0;
+                                top: 50%;
-                                left: 0;
+                                left: 50%;
                                 width: 100%;
                                 height: 100%;
                                 background-color: rgba(255, 255, 255, 0.501960784313725);
+                                transform: translate(-50%, -50%);
+                                transition: width 0.3s, height 0.3s;
                             }
 
                             &:hover::after {
-                                background-color: transparent;
+                                width: 0;
+                                height: 0;
                             }
 
                             &.pitch {
                                 &::after {
+                                    width: 0;
+
                                     height: 0;
                                 }
                             }