调式

app/index/view/pc/topic_laptop/index.html

@@ -55,15 +55,6 @@
 {block name="main"}
 {notempty name="data.top_focus_images"}
 <div class="swiper-container auto-swiper-container" style="margin-top:60px;">
-        {eq name=":cookie('think_lang')" value="en-us"}
-            <div class="swiper-wrapper">
-                {volist name="data.top_focus_images" id="tfi"}
-                <a class="swiper-slide auto-swiper-slide" href="{$tfi.link}">
-                    <img src="{$tfi.image}" alt="{$tfi.title}" />
-                </a>
-                {/volist}
-            </div>
-        {else/}
         <div class="swiper-wrapper">
             {volist name="data.top_focus_images" id="tfi"}
             <div class="swiper-slide auto-swiper-slide">
@@ -72,15 +63,20 @@
                     <div  class="swiper-container-texts-p">{$tfi.desc||raw|htmlspecialchars_decode}</div>
                     <div class="swiper-container-texts-img">
                         <a  href="{$tfi.link}">
-                            <img src="__IMAGES__/topic_laptop/ljgd.png" alt="" loading="lazy" >
+                            {eq name=":cookie('think_lang')" value="en-us"}
+                            <img src="__IMAGES__/topic_laptop/eljgd.png" alt=""  >
+                            {else/}
+                            <img src="__IMAGES__/topic_laptop/ljgd.png" alt=""  >
+                            {/eq}
+                          
                         </a>
                     </div>
                 </div>
-                <img src="{$tfi.image}" alt="{$tfi.title}" loading="lazy" />
+                <img src="{$tfi.image}" alt="{$tfi.title}"  />
             </div>
             {/volist}
         </div>
-        {/eq}
+
 </div>
 {/notempty}
 {notempty name="data.perf"}
@@ -332,13 +328,14 @@
         </video>
         <div class="fs-ts">{$data.cooling_system.0.desc|raw}</div>
         {/notempty}
-        <div class="fs-box-img opacity0" data-order="18">
+        <!-- data-order="18 opacity0" -->
+        <div class="fs-box-img" >
             <div class="fs-h-img">
-                {notempty name="data.cooling_system.1"}<img src="{$data.cooling_system.1.image}" alt="" loading="lazy" >{/notempty}
-                {notempty name="data.cooling_system.2"}<img src="{$data.cooling_system.2.image}" alt="" loading="lazy" >{/notempty}
+                {notempty name="data.cooling_system.1"}<img src="{$data.cooling_system.1.image}" alt=""  >{/notempty}
+                {notempty name="data.cooling_system.2"}<img src="{$data.cooling_system.2.image}" alt=""  >{/notempty}
             </div>
             <div class="fs-b-img"  style="min-height: 20px;">
-                {notempty name="data.cooling_system.3"}<img src="{$data.cooling_system.3.image}" alt="" loading="lazy" >{/notempty}
+                {notempty name="data.cooling_system.3"}<img src="{$data.cooling_system.3.image}" alt=""  >{/notempty}
             </div>
         </div>
     </div>
@@ -346,10 +343,11 @@
 {/notempty}
 {notempty name="data.apps"}
 <div class="xn">
-    <div class="xn-t opacity0" data-order="19">{$data.apps.title|default=''}</div>
+    <!-- opacity0 data-order="19"-->
+    <div class="xn-t" >{$data.apps.title|default=''}</div>
     <div class="xn-container">
         <div class="xn-image-section">
-            <img src="{$data.apps.image|default=''}" alt="" class="zoom-image first-image" loading="lazy">
+            <img src="{$data.apps.image|default=''}" alt="" class="zoom-image first-image" >
         </div>
     </div>
     <div class="xn-p">{$data.apps.desc|default=''|raw}</div>

public/static/index/pc/css/topic_laptop/index.css

@@ -43,8 +43,3 @@ body {
     /* [data-order="19"] {
         transition: all 0.3s ease-out 0.2s !important;
     } */
-[data-order], .annotation, .progress-fill, .zoom-image, .float-card {
-    transform: translateZ(0); /* 开启硬件加速，将元素交给 GPU 渲染 */
-    will-change: opacity, transform; /* 告诉浏览器提前优化这个元素 */
-    backface-visibility: hidden; /* 防止元素翻转时的闪烁 */
-}

public/static/index/pc/css/topic_laptop/progress.css

@@ -189,14 +189,14 @@
 .progress-p {
 	color: #cbcfd8;
 	font-size: clamp(16px, 1vw, 0.22rem);
-	margin-top: 1.23rem;
-    margin-bottom: 5.04rem;
+	margin-top: 1.56rem;
+    margin-bottom: 2rem;
 	text-align: center;
 }
 .progress-p1 {
     color: #cbcfd8;
 	font-size: clamp(16px, 1vw, 0.22rem);
 	margin-top: 1.56rem;
-    /* margin-bottom: 2.3rem; */
+    /* margin-bottom: 1.66rem; */
 	text-align: center;
 }

public/static/index/pc/css/topic_laptop/wift.css

@@ -39,7 +39,7 @@
 	color: #cbcfd8;
 	width: 100%;
 	text-align: center;
-	padding-top: 0.39rem;
+	padding-top: 0.43rem;
     line-height: 1.8;
     font-family: "HarmonyOS-Light";
 }