修复bug

2025-12-16 09:34:44 +08:00
parent be33b21b43
commit ae51682afe
18 changed files with 121 additions and 81 deletions
--- 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 <br/> Lock Slot',
+        '肯辛通锁孔' => 'Kensington <br/> Lock Slot',
        '千兆网口' => 'Gigabit <br/> Ethernet',
        'USB-A<br/>(5Gbps)' => 'USB-A <br/> (5Gbps)',
        '3.5mm<br/>耳麦合一' => '3.5mm <br/> Combo Audio',
--- a/app/index/view/pc/topic_laptop/index.html
+++ b/app/index/view/pc/topic_laptop/index.html
@@ -208,7 +208,7 @@
 {/notempty}
 <!-- 显卡进度条 -->
 <div class="container">
-    <h1 class="progress-title">{:lang_i18n('3DMARK Time Spy显卡得分')}</h1>
+    <h1 class="progress-title" style="padding-top: 0;">{:lang_i18n('3DMARK Time Spy显卡得分')}</h1>
    <div class="progress-section">
        <div class="progress-item">
            <div class="progress-bar-container">
@@ -503,7 +503,10 @@
        <!-- 清晰通话 - 图片内容 -->
        {notempty name="camare_microphone"}
        <div class="tab-panel active">
-            <img src="{$camare_microphone.image}" alt="{$camare_microphone.title}" class="content-image">
+            <div class="tab-panel-img">
+                <img src="{$camare_microphone.image}" alt="{$camare_microphone.title}" class="content-image">
+            </div>
+           
        </div>
        {/notempty}
        <!-- 安护密守 - 视频内容 -->
--- 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;
 }
--- 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;
 }
--- 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; */
@@ -39,3 +39,6 @@
    color:#cbcfd8;
    white-space: normal;
 }
+.bottom-p p {
+    text-indent: -10px;
+}
--- 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;
--- 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;
--- 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;
+}
--- 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;
 }
--- 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;
--- 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;
+}
--- 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;
 }
--- 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;
 }
--- 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;
+	
 }
--- 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;
 }
--- 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 {
--- 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);
--- 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;
 }