12

src/views/Index/components/CaseDetails/index.vue

@@ -126,7 +126,6 @@ const mouseleave = function () {
     .content {
       box-sizing: border-box;
       width: 100%;
-      height: 100%;
       padding: 77px 153px 130px 153px;
       .content_detail {
         height: 100%;

src/views/Index/components/HardwareDetails/index.vue

@@ -129,7 +129,6 @@ const mouseleave = function () {
     .content {
       box-sizing: border-box;
       width: 100%;
-      height: 100%;
       padding: 77px 153px 130px 153px;
       .content_detail {
         height: 100%;

src/views/Index/components/Service/index.vue

@@ -118,27 +118,17 @@ const showEmpty = ref(false)
     .bottom_container {
       position: absolute;
       bottom: 105px;
-      width: 0px;
       overflow: hidden;
       left: 0;
+      right: 0;
+      background: url(../../../../assets/img/tech/1.gif) no-repeat;
+      background-size: 100% 100%;
       font-size: 92px;
-      background: $theme_color;
       font-family: 'ZonaPro';
       font-weight: 800;
       color: #f1f1f1;
       white-space: nowrap;
       padding: 79px 177px;
-      animation-name: example;
-      animation-duration: 2s;
-      animation-fill-mode: forwards;
-    }
-    @keyframes example {
-      from {
-      }
-      to {
-        width: 100%;
-        right: 0;
-      }
     }
   }
 }

src/views/Index/components/SoftHardwareDetail/Card/index.vue

@@ -99,10 +99,10 @@ const getImgSrc = () => {
     align-items: center;
     justify-content: center;
     .img {
-      width: 220px;
-      max-height: 100px;
       transition-property: all;
       transition-duration: 0.7s;
+      width: 159px;
+      height: auto;
       animation-fill-mode: forwards;
     }
   }