From c0cbe6c0df5cc597e0435c1b04ed014d3f48edd2 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Sat, 20 Dec 2025 14:01:18 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/pc/topic_laptop/index.html     | 100 ++++++++----------
 .../index/pc/css/topic_laptop/index.css       |   5 -
 .../index/pc/css/topic_laptop/progress.css    |   6 +-
 .../static/index/pc/css/topic_laptop/wift.css |   2 +-
 .../index/pc/images/topic_laptop/eljgd.png    | Bin 0 -> 2484 bytes
 5 files changed, 46 insertions(+), 67 deletions(-)
 create mode 100644 public/static/index/pc/images/topic_laptop/eljgd.png

diff --git a/app/index/view/pc/topic_laptop/index.html b/app/index/view/pc/topic_laptop/index.html
index 19157c94..b307a231 100644
--- a/app/index/view/pc/topic_laptop/index.html
+++ b/app/index/view/pc/topic_laptop/index.html
@@ -30,14 +30,13 @@
 <script type="text/javascript">
     (function (doc, win)
     {
-
         var docEl = doc.documentElement;
         var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
         var designWidth = 2560;
         var designRemPx = 100;
         function setRootFontSize ()
         {
-            console.log('触发')
+
             var clientWidth = docEl.clientWidth;
             if (!clientWidth) return;
             var fontSize = (clientWidth / designWidth) * designRemPx;
@@ -55,32 +54,26 @@
 {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">
-                <div class="swiper-container-texts" style="color:#fff">
-                    <div  class="swiper-container-texts-t">{$tfi.title}</div>
-                    <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" >
-                        </a>
-                    </div>
+    <div class="swiper-wrapper">
+        {volist name="data.top_focus_images" id="tfi"}
+        <div class="swiper-slide auto-swiper-slide">
+            <div class="swiper-container-texts" style="color:#fff">
+                <div  class="swiper-container-texts-t">{$tfi.title}</div>
+                <div  class="swiper-container-texts-p">{$tfi.desc||raw|htmlspecialchars_decode}</div>
+                <div class="swiper-container-texts-img">
+                    <a  href="{$tfi.link}">
+                        {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>
-                <img src="{$tfi.image}" alt="{$tfi.title}" loading="lazy" />
             </div>
-            {/volist}
+            <img src="{$tfi.image}" alt="{$tfi.title}"  />
         </div>
-        {/eq}
+        {/volist}
+    </div>
 </div>
 {/notempty}
 {notempty name="data.perf"}
@@ -214,7 +207,6 @@
             <img src="{$gpu_first_section.extra_image|default=''}" alt="" loading="lazy" >
         </div>
         {/eq}
-
     </div>
     <div class="readon-img-box opacity0" data-order="11">
         {volist name="data.gpu" id="go"}
@@ -275,7 +267,6 @@
 </div>
 {notempty name="data.ram"}
 <div class="wift" >
-
     <div class="wift-bg" style="background: url('{$data.ram.image}');background-size:100% auto;">
         <div class="wift-test">
             <div class="wift-t opacity0" data-order="12">{$data.ram.title|raw}</div>
@@ -290,7 +281,6 @@
         <div class="wift-bg-img opacity0" data-order="14">
             {$data.ram.desc|raw}
         </div>
-
     </div>
 </div>
 {/notempty}
@@ -299,19 +289,18 @@
     {assign name="hard_drive_first" value=":array_shift($data.hard_drive)"/}
     <div class="m2-bg" style="background: url('{$hard_drive_first.image|default=\'\'}');background-size:100% auto">
         {eq name=":cookie('think_lang')" value="en-us"}
-            <div class="m2-bg-t1 opacity0" data-order="15">{$hard_drive_first.title|default=''|raw}</div>
+        <div class="m2-bg-t1 opacity0" data-order="15">{$hard_drive_first.title|default=''|raw}</div>
         {else/}
-            <div class="m2-bg-t opacity0" data-order="15">{$hard_drive_first.title|default=''|raw}</div>
+        <div class="m2-bg-t opacity0" data-order="15">{$hard_drive_first.title|default=''|raw}</div>
         {/eq}
-            <div class="m2-img-box opacity0" data-order="16">
-                {volist name="data.hard_drive" id="ho"}
-                <img src="{$ho.image}" alt="" loading="lazy" >
-                {/volist}
-            </div>
+        <div class="m2-img-box opacity0" data-order="16">
+            {volist name="data.hard_drive" id="ho"}
+            <img src="{$ho.image}" alt="" loading="lazy" >
+            {/volist}
+        </div>
     </div>
 </div>
 {/notempty}
-
 <div class="fs">
     {notempty name="data.cooling_system"}
     {notempty name="$data.cooling_system.0"}
@@ -332,13 +321,13 @@
         </video>
         <div class="fs-ts">{$data.cooling_system.0.desc|raw}</div>
         {/notempty}
-        <div class="fs-box-img opacity0" data-order="18">
+        <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 +335,10 @@
 {/notempty}
 {notempty name="data.apps"}
 <div class="xn">
-    <div class="xn-t opacity0" data-order="19">{$data.apps.title|default=''}</div>
+    <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>
@@ -363,23 +352,19 @@
         <div class="ips-t">{$soft_light_first.title|raw}</div>
         <div class="ips-p">{$soft_light_first.short_title|raw}</div>
         {/notempty}
-
-
         {eq name=":cookie('think_lang')" value="en-us"}
-            <div class="ips-img1 opacity0" data-order="21">
-                {volist name="data.screen_soft_light" id="so"}
-                <img src="{$so.image}" alt="" loading="lazy" >
-                {/volist}
-            </div>
+        <div class="ips-img1 opacity0" data-order="21">
+            {volist name="data.screen_soft_light" id="so"}
+            <img src="{$so.image}" alt="" loading="lazy" >
+            {/volist}
+        </div>
         {else/}
-            <div class="ips-img opacity0" data-order="21">
-                {volist name="data.screen_soft_light" id="so"}
-                <img src="{$so.image}" alt="" loading="lazy" >
-                {/volist}
-            </div>
+        <div class="ips-img opacity0" data-order="21">
+            {volist name="data.screen_soft_light" id="so"}
+            <img src="{$so.image}" alt="" loading="lazy" >
+            {/volist}
+        </div>
         {/eq}
-
-
     </div>
 </div>
 {/notempty}
@@ -1260,7 +1245,6 @@
     const tabT = document.querySelectorAll('.tab-t');
     const indicator = document.querySelector('.tab-indicator');
     const securityVideo = document.getElementById('securityVideo');
-    console.log(tabT,'=========tabT=============')
     let prevIndex = 0;
     const tabRects = [];
 
@@ -1581,7 +1565,7 @@ document.addEventListener('DOMContentLoaded', () => {
         item.addEventListener('click', () => {
             if (isTransitioning || currentRealIndex === idx) return;
             isTransitioning = true;
-            
+
             // 直接滑到目标图片
             carouselImgs.style.transform = `translateX(-${idx * 100}%)`;
             currentRealIndex = idx;
diff --git a/public/static/index/pc/css/topic_laptop/index.css b/public/static/index/pc/css/topic_laptop/index.css
index 1f231ceb..cd66744a 100644
--- a/public/static/index/pc/css/topic_laptop/index.css
+++ b/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; /* 防止元素翻转时的闪烁 */
-}
\ No newline at end of file
diff --git a/public/static/index/pc/css/topic_laptop/progress.css b/public/static/index/pc/css/topic_laptop/progress.css
index 24d43300..2072cf57 100644
--- a/public/static/index/pc/css/topic_laptop/progress.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/public/static/index/pc/css/topic_laptop/wift.css b/public/static/index/pc/css/topic_laptop/wift.css
index cae4f2ba..6014f870 100644
--- a/public/static/index/pc/css/topic_laptop/wift.css
+++ b/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";
 }
diff --git a/public/static/index/pc/images/topic_laptop/eljgd.png b/public/static/index/pc/images/topic_laptop/eljgd.png
new file mode 100644
index 0000000000000000000000000000000000000000..666c9663a97b417f87e8880e9a5a5697e7736ec1
GIT binary patch
literal 2484
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

literal 0
HcmV?d00001