123

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

@@ -182,7 +182,7 @@ const mouseleave = function () {
           scrollbar-width: none; /* firefox */
           overflow-x: auto;
           .detail_header {
-            position: absolute;
+            position: sticky;
             top: 0;
             left: 0;
             right: 0;
@@ -209,7 +209,6 @@ const mouseleave = function () {
             }
           }
           .article {
-            margin-top: 80px;
             min-height: 100%;
             background: #fff;
             .card_container {

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

@@ -238,7 +238,7 @@ const showEmpty = ref(false)
         right: 70px;
         bottom: 0px;
         width: 163px;
-        height: 150%;
+        height: 100%;
         background: url(../../../../assets/img/case/zhezhao.png) no-repeat;
         background-size: 100% 100%;
       }
@@ -248,7 +248,7 @@ const showEmpty = ref(false)
         top: 0;
         bottom: 0;
         width: 163px;
-        height: 150%;
+        height: 100%;
         transform: rotate(180deg);
         background: url(../../../../assets/img/case/zhezhao.png) no-repeat;
         background-size: 100% 100%;

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

@@ -182,7 +182,7 @@ const mouseleave = function () {
           scrollbar-width: none; /* firefox */
           overflow-x: auto;
           .detail_header {
-            position: absolute;
+            position: sticky;
             top: 0;
             left: 0;
             right: 0;
@@ -209,7 +209,6 @@ const mouseleave = function () {
             }
           }
           .article {
-            margin-top: 80px;
             min-height: 100%;
             background: #fff;
             .card_container {

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

@@ -4,7 +4,7 @@
       <div class="empty" v-if="showEmpty"></div>
       <div class="contract_title">
         <p class="line"></p>
-        <p class="title">我们的案例</p>
+        <p class="title"><span class="blue_font">软硬件</span>开发</p>
         <p class="detail">专业实力 数据见证</p>
         <img class="img" :src="Back" alt="back" />
       </div>
@@ -244,7 +244,7 @@ const showEmpty = ref(false)
         right: 70px;
         bottom: 0px;
         width: 163px;
-        height: 150%;
+        height: 100%;
         background: url(../../../../assets/img/case/zhezhao.png) no-repeat;
         background-size: 100% 100%;
       }
@@ -254,7 +254,7 @@ const showEmpty = ref(false)
         top: 0;
         bottom: 0;
         width: 163px;
-        height: 150%;
+        height: 100%;
         transform: rotate(180deg);
         background: url(../../../../assets/img/case/zhezhao.png) no-repeat;
         background-size: 100% 100%;