lanxin 8 месяцев назад
Родитель
Сommit
327b6b2dee

+ 13 - 0
src/assets/styles/base.css

@@ -237,6 +237,19 @@ body,
   }
 }
 
+/* 前海院区,放大缩小动画 */
+@keyframes scaleAni {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
 @media screen and (max-width: 1000px) {
   html .cad {
     width: 120px;

+ 2 - 2
src/pages/A0base/component/Panoramic.tsx

@@ -60,7 +60,7 @@ const Panoramic = ({
             <View
               {...(isMobile()
                 ? {
-                    hlookat: 15,
+                    hlookat: 12,
                     vlookat: 30
                   }
                 : {
@@ -97,7 +97,7 @@ const Panoramic = ({
               distorted={true}
               onClick={() => setIsFloor(true)}
             >
-              <div className='A0hotspot'>
+              <div className='A0hotspot A0hotspot-xingtong'>
                 <div className='A0hotspot-text'>前海院区</div>
                 <div className='A0hotspot-bg-xingtong'></div>
               </div>

+ 4 - 1
src/pages/A0base/component/index.module.scss

@@ -442,11 +442,14 @@
         width: 200px;
         text-align: center;
         line-height: 34px;
-        font-size: 26px;
+        font-size: 30px;
         color: #fff;
         font-weight: bold;
       }
     }
+    .A0hotspot-xingtong {
+      animation: scaleAni 2s linear infinite;
+    }
 
     .active-btn {
       color: white;