From ae51682afe748785c677b89930390a8901536cb0 Mon Sep 17 00:00:00 2001 From: liqian <735273025@qq.com> Date: Tue, 16 Dec 2025 09:34:44 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dbug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/index/lang/en-us/pc.php | 2 +- app/index/view/pc/topic_laptop/index.html | 7 ++-- .../static/index/pc/css/topic_laptop/45w.css | 8 ++--- .../static/index/pc/css/topic_laptop/bly.css | 6 ++-- .../index/pc/css/topic_laptop/bottom.css | 5 ++- .../index/pc/css/topic_laptop/index.css | 9 +++-- .../static/index/pc/css/topic_laptop/ips.css | 33 ++++++++++++------- .../static/index/pc/css/topic_laptop/m2.css | 5 ++- .../index/pc/css/topic_laptop/progress.css | 5 +-- .../static/index/pc/css/topic_laptop/qb.css | 8 ++--- .../index/pc/css/topic_laptop/readon.css | 18 ++++++---- .../static/index/pc/css/topic_laptop/rgb.css | 12 +++---- .../static/index/pc/css/topic_laptop/th.css | 17 +++++++--- .../static/index/pc/css/topic_laptop/wift.css | 17 +++++----- .../index/pc/css/topic_laptop/wift6.css | 12 +++---- .../static/index/pc/css/topic_laptop/xh.css | 15 +++++---- .../static/index/pc/css/topic_laptop/xn.css | 10 +++--- .../static/index/pc/css/topic_laptop/yq.css | 13 +++++--- 18 files changed, 121 insertions(+), 81 deletions(-) diff --git a/app/index/lang/en-us/pc.php b/app/index/lang/en-us/pc.php index 10bab74a..bdc9c3de 100644 --- a/app/index/lang/en-us/pc.php +++ b/app/index/lang/en-us/pc.php @@ -230,7 +230,7 @@ return [ 'CineBench R23 多核跑分' => 'Outperforms Ryzen 5 & Intel i5', '*此跑分为ORICO实验室测定所得,请以实际使用为准' => '*Data measured by ORICO Lab. Actual performance may vary.', '3DMARK Time Spy显卡得分' => 'Handles Office & Gaming with Ease', - '肯幸通锁孔' => 'Kensington
Lock Slot', + '肯辛通锁孔' => 'Kensington
Lock Slot', '千兆网口' => 'Gigabit
Ethernet', 'USB-A
(5Gbps)' => 'USB-A
(5Gbps)', '3.5mm
耳麦合一' => '3.5mm
Combo Audio', diff --git a/app/index/view/pc/topic_laptop/index.html b/app/index/view/pc/topic_laptop/index.html index 5a034d5b..4cb38ae3 100644 --- a/app/index/view/pc/topic_laptop/index.html +++ b/app/index/view/pc/topic_laptop/index.html @@ -208,7 +208,7 @@ {/notempty}
-

{:lang_i18n('3DMARK Time Spy显卡得分')}

+

{:lang_i18n('3DMARK Time Spy显卡得分')}

@@ -503,7 +503,10 @@ {notempty name="camare_microphone"}
- {$camare_microphone.title} +
+ {$camare_microphone.title} +
+
{/notempty} diff --git a/public/static/index/pc/css/topic_laptop/45w.css b/public/static/index/pc/css/topic_laptop/45w.css index 06db6743..f22016f9 100644 --- a/public/static/index/pc/css/topic_laptop/45w.css +++ b/public/static/index/pc/css/topic_laptop/45w.css @@ -1,10 +1,10 @@ .dl { width: 100%; - padding-top: 1.89rem; + padding-top: 1.42rem; } .dl-t { color: #cbcfd8; - font-size: 0.63rem; + font-size: 0.5rem; width: 100%; text-align: center; } @@ -13,6 +13,6 @@ font-size: clamp(16px, 1vw, 0.22rem); width: 100%; text-align: center; - padding-top: 0.63rem; - padding-bottom: 0.37rem; + padding-top: 0.47rem; + padding-bottom: 0.27rem; } diff --git a/public/static/index/pc/css/topic_laptop/bly.css b/public/static/index/pc/css/topic_laptop/bly.css index a8c10bc6..c7bd29cd 100644 --- a/public/static/index/pc/css/topic_laptop/bly.css +++ b/public/static/index/pc/css/topic_laptop/bly.css @@ -32,7 +32,7 @@ transform: scale(0.8); } .bly-t { - font-size: 0.63rem; + font-size: 0.5rem; color: #cbcfd8; text-align: center; width: 100%; @@ -42,6 +42,6 @@ color: #cbcfd8; text-align: center; width: 100%; - padding-top: 0.51rem; - padding-bottom: 2.17rem; + padding-top: 0.38rem; + padding-bottom: 1.63rem; } diff --git a/public/static/index/pc/css/topic_laptop/bottom.css b/public/static/index/pc/css/topic_laptop/bottom.css index 625881db..a41b8d70 100644 --- a/public/static/index/pc/css/topic_laptop/bottom.css +++ b/public/static/index/pc/css/topic_laptop/bottom.css @@ -1,7 +1,7 @@ .bottom-img-box { width: 100%; min-width: 1280px; - padding: 4rem 0; + padding: 3rem 0; } .bottom-img { /* width: 14.416rem; */ @@ -38,4 +38,7 @@ font-size:clamp(16px, 1vw, 0.22rem); color:#cbcfd8; white-space: normal; +} +.bottom-p p { + text-indent: -10px; } \ No newline at end of file diff --git a/public/static/index/pc/css/topic_laptop/index.css b/public/static/index/pc/css/topic_laptop/index.css index 04e780be..9cfe1fa0 100644 --- a/public/static/index/pc/css/topic_laptop/index.css +++ b/public/static/index/pc/css/topic_laptop/index.css @@ -1,14 +1,17 @@ +html { + width: 100%; +} body { /* width: 100vw; height: 100vh; */ background: #000; overflow-x: hidden; - padding: 0 !important; - margin:0 !important; + /* padding: 0 !important; + margin:0 !important; */ /* width: 100vw !important; */ /* max-width:100vw !important */ - margin:0 auto !important; + /* margin:0 auto !important; */ } .opacity0 { opacity: 0; diff --git a/public/static/index/pc/css/topic_laptop/ips.css b/public/static/index/pc/css/topic_laptop/ips.css index 6e99d8a5..8ee3c777 100644 --- a/public/static/index/pc/css/topic_laptop/ips.css +++ b/public/static/index/pc/css/topic_laptop/ips.css @@ -6,7 +6,7 @@ background-repeat: no-repeat; background-size: 100% auto; 宽度铺满,高度自动 */ min-width: 1280px; - margin-top: 2.7rem; + margin-top: 2.02rem; } .ips-text { color: #cbcfd8; @@ -17,31 +17,40 @@ width: 100%; } .ips-t { - font-size: 0.63rem; - padding-top: 3.19rem; - padding-left: 6rem; +font-size: 0.5rem; + padding-top: 2.39rem; + padding-left: 4.21rem; } .ips-p { font-size: clamp(16px, 1vw, 0.22rem); padding-top: 0.86rem; - padding-left: 6rem; + padding-left: 4.21rem; + line-height: 1.8; } .ips-img { display: flex; flex-wrap: wrap; /* 允许换行 */ justify-content: space-between; /* 左对齐,也可设为center(居中) */ - margin-left: 6rem; - width: 6.8rem; - gap: 2.5rem; - padding-top: 2.6rem; + margin-left: 4.21rem; + width: 5.1rem; + padding-top: 1.7rem; } .ips-img img { - max-width: 2.15rem; - max-height: 1.82rem; + width: 1.61rem; +} +.ips-img img:nth-child(2) { + margin-left: 1.88rem; +} +.ips-img img:nth-child(4) { + margin-left: 1.88rem; + padding-top: 0.92rem; +} +.ips-img img:nth-child(3) { + + padding-top: 0.92rem; } - /* .ips-img { width: 100%; display: flex; diff --git a/public/static/index/pc/css/topic_laptop/m2.css b/public/static/index/pc/css/topic_laptop/m2.css index 960371e0..da8581e4 100644 --- a/public/static/index/pc/css/topic_laptop/m2.css +++ b/public/static/index/pc/css/topic_laptop/m2.css @@ -11,7 +11,7 @@ min-width: 1280px; } .m2-bg-t { - font-size: 0.63rem; + font-size: 0.5rem; color: #cbcfd8; width: 100%; text-align: center; @@ -25,3 +25,6 @@ justify-content: center; gap: 0.2rem; } +.m2-img-box img { + width: 3.5rem; +} \ 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 5083e99b..aaf534b9 100644 --- a/public/static/index/pc/css/topic_laptop/progress.css +++ b/public/static/index/pc/css/topic_laptop/progress.css @@ -12,7 +12,7 @@ .progress-title { font-size: 0.48rem; color: #cbcfd8; - padding: 2.13rem 0 0.78rem 0; + padding: 1.6rem 0 0.78rem 0; } .progress-item .label { @@ -182,6 +182,7 @@ .progress-p { color: #cbcfd8; font-size: 0.24rem; - margin-top: 1.23rem; + margin-top: 0.92rem; + margin-bottom: 1.52rem; text-align: center; } diff --git a/public/static/index/pc/css/topic_laptop/qb.css b/public/static/index/pc/css/topic_laptop/qb.css index be00d5d0..f0529263 100644 --- a/public/static/index/pc/css/topic_laptop/qb.css +++ b/public/static/index/pc/css/topic_laptop/qb.css @@ -3,17 +3,17 @@ } */ .qb-t { width: 100%; - font-size: 0.63rem; + font-size: 0.5rem; color: #cbcfd8; text-align: center; - padding-top: 4.04rem; + padding-top: 3.03rem; } .qb-p { font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; - padding-top: 0.51rem; - padding-bottom: 0.72rem; + padding-top: 0.38rem; + padding-bottom: 0.56rem; } .qb-bg-img1 { max-width: 16.43rem; diff --git a/public/static/index/pc/css/topic_laptop/readon.css b/public/static/index/pc/css/topic_laptop/readon.css index 05d2cac0..32964b73 100644 --- a/public/static/index/pc/css/topic_laptop/readon.css +++ b/public/static/index/pc/css/topic_laptop/readon.css @@ -26,10 +26,10 @@ } .readon-t { color: #cbcfd8; - font-size: 0.64rem; + font-size: 0.5rem; line-height: 1.4; - padding-top: 1.34rem; - padding-bottom: 0.43rem; + padding-top: 1.01rem; + padding-bottom: 0.50rem; } .readon-p { color: #cbcfd8; @@ -37,17 +37,18 @@ } .readon-js { color: #cbcfd8; - font-size: 0.27rem; - margin-top: 0.72rem; + font-size: 0.22rem; + line-height: 1.8; + /* margin-top: 0.72rem; */ } .readon-img { width: 100%; max-width: 1440px; min-width: 1280px; - margin-top: 10%; + margin-top: 12%; } .readon-img img { - max-width: 3.78rem; + max-width: 2.84rem; } .readon-img-box { width: 100%; @@ -59,3 +60,6 @@ justify-content: center; gap: 0.2rem; } +.readon-img-box img { + width: 2.59rem; +} \ No newline at end of file diff --git a/public/static/index/pc/css/topic_laptop/rgb.css b/public/static/index/pc/css/topic_laptop/rgb.css index cfa9b757..d919584b 100644 --- a/public/static/index/pc/css/topic_laptop/rgb.css +++ b/public/static/index/pc/css/topic_laptop/rgb.css @@ -6,7 +6,7 @@ background-repeat: no-repeat; background-size: 100% auto; */ min-width: 1280px; - margin-top: 2.7rem; + margin-top: 2.03rem; } .rgb-text { position: absolute; @@ -18,7 +18,7 @@ } .rgb-t { width: 100%; - font-size: 0.63rem; + font-size: 0.5rem; color: #cbcfd8; text-align: center; } @@ -26,20 +26,20 @@ font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; - padding-top: 0.73rem; + padding-top: 0.55rem; line-height: 2.5; } .rgb-img { width: 100%; min-width: 1280px; position: absolute; - bottom: -80px; + bottom: -1rem; display: flex; justify-content: center; gap: 0.2rem; } .rgb-img img { - max-width: 4.66rem; - max-height: 2.6rem; + max-width:3.5rem; + display: block; } diff --git a/public/static/index/pc/css/topic_laptop/th.css b/public/static/index/pc/css/topic_laptop/th.css index dd827825..9141624d 100644 --- a/public/static/index/pc/css/topic_laptop/th.css +++ b/public/static/index/pc/css/topic_laptop/th.css @@ -5,7 +5,7 @@ max-width: 1440px; min-width: 1280px; margin: 0 auto; */ - margin-bottom: 4rem; + margin-bottom: 2.98rem; } .tabs-header-box { width: 100%; @@ -92,15 +92,22 @@ .tab-panel { display: none; } - +.tab-panel-img { + background:#1c1c1e ; + width: 100%; + display: flex; + justify-content: flex-end; + padding-top: 0.8rem; + border-radius: 0.16rem; +} .tab-panel.active { display: block; } .tab-t { - font-size: 0.63rem; + font-size: 0.5rem; color: #cbcfd8; width: 100%; text-align: center; - margin-top: 3.97rem; - margin-bottom: 0.6rem; + margin-top: 2.97rem; + margin-bottom: 1rem; } diff --git a/public/static/index/pc/css/topic_laptop/wift.css b/public/static/index/pc/css/topic_laptop/wift.css index 70d9e685..4917ed3f 100644 --- a/public/static/index/pc/css/topic_laptop/wift.css +++ b/public/static/index/pc/css/topic_laptop/wift.css @@ -7,10 +7,10 @@ background-repeat: no-repeat; background-size: 100% auto; */ min-width: 1280px; - margin-bottom: 0.71rem; + margin-bottom: 0.53rem; } .wift-bg-t { - font-size: 0.63rem; + font-size: 0.5rem; color: #cbcfd8; width: 100%; text-align: center; @@ -20,7 +20,8 @@ color: #cbcfd8; width: 100%; text-align: center; - padding-top: 0.74rem; + padding-top: 0.56rem; + line-height: 1.8; } .wift-bg-img { width: 100%; @@ -31,14 +32,14 @@ bottom: 1.46rem; } .wift-bg-img img { - max-width: 14.4rem; - width: 100%; + + width:10.1rem; } .wift-t { width: 100%; color: #cbcfd8; - font-size: 0.72rem; + font-size: 0.5rem; text-align: center; - margin-top: 3.93rem; - margin-bottom: 0.35rem; + margin-top: 2.95rem; + } \ No newline at end of file diff --git a/public/static/index/pc/css/topic_laptop/wift6.css b/public/static/index/pc/css/topic_laptop/wift6.css index cc4bdd60..646a2893 100644 --- a/public/static/index/pc/css/topic_laptop/wift6.css +++ b/public/static/index/pc/css/topic_laptop/wift6.css @@ -6,7 +6,7 @@ background-repeat: no-repeat; background-size: 100% auto; */ min-width: 1280px; - margin-top: 5.7rem; + margin-top: 2.45rem; } .wift6-text { position: absolute; @@ -18,7 +18,7 @@ } .wift6-t { width: 100%; - font-size: 0.63rem; + font-size: 0.5rem; color: #cbcfd8; text-align: center; } @@ -26,8 +26,8 @@ font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; - padding-top: 0.73rem; - line-height: 2.5; + padding-top: 0.56rem; + line-height: 1.8; } .wift6-img { width: 100%; @@ -39,7 +39,7 @@ gap: 0.2rem; } .wift6-img img { - max-width: 7.15rem; - max-height: 3.09rem; + max-width: 5.36rem; + display: block; } diff --git a/public/static/index/pc/css/topic_laptop/xh.css b/public/static/index/pc/css/topic_laptop/xh.css index facddc96..556a3895 100644 --- a/public/static/index/pc/css/topic_laptop/xh.css +++ b/public/static/index/pc/css/topic_laptop/xh.css @@ -6,18 +6,18 @@ background-repeat: no-repeat; background-size: 100% auto; */ min-width: 1280px; - margin-top: 3.45rem; + margin-top: 2.59rem; } .xh-text { width: 100%; display: flex; flex-direction: column; justify-content: center; - padding-top: 1.06rem; + padding-top: 0.8rem; } .xh-t { width: 100%; - font-size: 0.63rem; + font-size: 0.5rem; color: #cbcfd8; text-align: center; } @@ -25,21 +25,22 @@ font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; - padding-top: 0.73rem; + padding-top: 0.5rem; + line-height: 2.5; } .xh-img { width: 100%; min-width: 1280px; position: absolute; - bottom: 1.8rem; + bottom: 1.7rem; display: flex; justify-content: center; gap: 0.2rem; } .xh-img img { - max-width: 7.1rem; - max-height: 3.08rem; + max-width: 5.33rem; + display: block; } .xh-b-p { diff --git a/public/static/index/pc/css/topic_laptop/xn.css b/public/static/index/pc/css/topic_laptop/xn.css index 4899fcdb..16195a7d 100644 --- a/public/static/index/pc/css/topic_laptop/xn.css +++ b/public/static/index/pc/css/topic_laptop/xn.css @@ -15,6 +15,8 @@ max-width: 1440px; min-width: 1280px; margin: 0 auto; + background: #0d0c10; + border:1px solid #3f3f45; } .zoom-image { @@ -36,14 +38,14 @@ opacity: 1; } .xn-t { - font-size: 0.67rem; + font-size:0.5rem; color: #cbcfd8; text-align: center; - margin-top: 4.7rem; - margin-bottom: 1.26rem; + margin-top: 3.56rem; + margin-bottom: 0.95rem; } .xn-p { - padding-top: 0.6rem; + padding-top: 0.45rem; } .xn-p p { font-size: clamp(16px, 1vw, 0.22rem); diff --git a/public/static/index/pc/css/topic_laptop/yq.css b/public/static/index/pc/css/topic_laptop/yq.css index fca813cc..439e1345 100644 --- a/public/static/index/pc/css/topic_laptop/yq.css +++ b/public/static/index/pc/css/topic_laptop/yq.css @@ -3,7 +3,7 @@ position: relative; width: 100%; min-width: 1280px; - margin-top: 2.49rem; + margin-top:1.87rem; aspect-ratio: 16/9; /* 2560/1440=16/9,核心比例约束 */ /* background: url('../img/yq1.png'); */ background-size: cover; @@ -24,12 +24,12 @@ /* 宽幅限制生效 */ width: 100%; min-width: 1280px; - padding-top: 1.47rem; + padding-top: 1.1rem; } .overlay-text h2 { width: 100%; - font-size: 0.63rem; + font-size: 0.5rem; color: #cbcfd8; text-align: center; line-height: 1; @@ -46,14 +46,17 @@ width: 100%; justify-content: center; position: absolute; - bottom: -50px; + bottom: -0.71rem; gap: 0.2rem; } +.float-cards img { + width: 2.22rem; +} .bottom-desc { text-align: center; color: #cbcfd8; font-size: clamp(16px, 1vw, 0.22rem); - padding-top: 1.9rem; + padding-top: 1.43rem; width: 100%; min-width: 1280px; }