修复bug
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s

This commit is contained in:
2025-12-16 09:34:44 +08:00
parent be33b21b43
commit ae51682afe
18 changed files with 121 additions and 81 deletions

View File

@@ -230,7 +230,7 @@ return [
'CineBench R23 多核跑分' => 'Outperforms Ryzen 5 & Intel i5', 'CineBench R23 多核跑分' => 'Outperforms Ryzen 5 & Intel i5',
'*此跑分为ORICO实验室测定所得请以实际使用为准' => '*Data measured by ORICO Lab. Actual performance may vary.', '*此跑分为ORICO实验室测定所得请以实际使用为准' => '*Data measured by ORICO Lab. Actual performance may vary.',
'3DMARK Time Spy显卡得分' => 'Handles Office & Gaming with Ease', '3DMARK Time Spy显卡得分' => 'Handles Office & Gaming with Ease',
'肯通锁孔' => 'Kensington <br/> Lock Slot', '肯通锁孔' => 'Kensington <br/> Lock Slot',
'千兆网口' => 'Gigabit <br/> Ethernet', '千兆网口' => 'Gigabit <br/> Ethernet',
'USB-A<br/>(5Gbps)' => 'USB-A <br/> (5Gbps)', 'USB-A<br/>(5Gbps)' => 'USB-A <br/> (5Gbps)',
'3.5mm<br/>耳麦合一' => '3.5mm <br/> Combo Audio', '3.5mm<br/>耳麦合一' => '3.5mm <br/> Combo Audio',

View File

@@ -208,7 +208,7 @@
{/notempty} {/notempty}
<!-- 显卡进度条 --> <!-- 显卡进度条 -->
<div class="container"> <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-section">
<div class="progress-item"> <div class="progress-item">
<div class="progress-bar-container"> <div class="progress-bar-container">
@@ -503,8 +503,11 @@
<!-- 清晰通话 - 图片内容 --> <!-- 清晰通话 - 图片内容 -->
{notempty name="camare_microphone"} {notempty name="camare_microphone"}
<div class="tab-panel active"> <div class="tab-panel active">
<div class="tab-panel-img">
<img src="{$camare_microphone.image}" alt="{$camare_microphone.title}" class="content-image"> <img src="{$camare_microphone.image}" alt="{$camare_microphone.title}" class="content-image">
</div> </div>
</div>
{/notempty} {/notempty}
<!-- 安护密守 - 视频内容 --> <!-- 安护密守 - 视频内容 -->
{notempty name="security"} {notempty name="security"}

View File

@@ -1,10 +1,10 @@
.dl { .dl {
width: 100%; width: 100%;
padding-top: 1.89rem; padding-top: 1.42rem;
} }
.dl-t { .dl-t {
color: #cbcfd8; color: #cbcfd8;
font-size: 0.63rem; font-size: 0.5rem;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
@@ -13,6 +13,6 @@
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);
width: 100%; width: 100%;
text-align: center; text-align: center;
padding-top: 0.63rem; padding-top: 0.47rem;
padding-bottom: 0.37rem; padding-bottom: 0.27rem;
} }

View File

@@ -32,7 +32,7 @@
transform: scale(0.8); transform: scale(0.8);
} }
.bly-t { .bly-t {
font-size: 0.63rem; font-size: 0.5rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
width: 100%; width: 100%;
@@ -42,6 +42,6 @@
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
width: 100%; width: 100%;
padding-top: 0.51rem; padding-top: 0.38rem;
padding-bottom: 2.17rem; padding-bottom: 1.63rem;
} }

View File

@@ -1,7 +1,7 @@
.bottom-img-box { .bottom-img-box {
width: 100%; width: 100%;
min-width: 1280px; min-width: 1280px;
padding: 4rem 0; padding: 3rem 0;
} }
.bottom-img { .bottom-img {
/* width: 14.416rem; */ /* width: 14.416rem; */
@@ -39,3 +39,6 @@
color:#cbcfd8; color:#cbcfd8;
white-space: normal; white-space: normal;
} }
.bottom-p p {
text-indent: -10px;
}

View File

@@ -1,14 +1,17 @@
html {
width: 100%;
}
body { body {
/* width: 100vw; /* width: 100vw;
height: 100vh; */ height: 100vh; */
background: #000; background: #000;
overflow-x: hidden; overflow-x: hidden;
padding: 0 !important; /* padding: 0 !important;
margin:0 !important; margin:0 !important; */
/* width: 100vw !important; */ /* width: 100vw !important; */
/* max-width:100vw !important */ /* max-width:100vw !important */
margin:0 auto !important; /* margin:0 auto !important; */
} }
.opacity0 { .opacity0 {
opacity: 0; opacity: 0;

View File

@@ -6,7 +6,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; 宽度铺满,高度自动 */ background-size: 100% auto; 宽度铺满,高度自动 */
min-width: 1280px; min-width: 1280px;
margin-top: 2.7rem; margin-top: 2.02rem;
} }
.ips-text { .ips-text {
color: #cbcfd8; color: #cbcfd8;
@@ -17,31 +17,40 @@
width: 100%; width: 100%;
} }
.ips-t { .ips-t {
font-size: 0.63rem; font-size: 0.5rem;
padding-top: 3.19rem; padding-top: 2.39rem;
padding-left: 6rem; padding-left: 4.21rem;
} }
.ips-p { .ips-p {
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);
padding-top: 0.86rem; padding-top: 0.86rem;
padding-left: 6rem; padding-left: 4.21rem;
line-height: 1.8;
} }
.ips-img { .ips-img {
display: flex; display: flex;
flex-wrap: wrap; /* 允许换行 */ flex-wrap: wrap; /* 允许换行 */
justify-content: space-between; /* 左对齐也可设为center居中 */ justify-content: space-between; /* 左对齐也可设为center居中 */
margin-left: 6rem; margin-left: 4.21rem;
width: 6.8rem; width: 5.1rem;
gap: 2.5rem; padding-top: 1.7rem;
padding-top: 2.6rem;
} }
.ips-img img { .ips-img img {
max-width: 2.15rem; width: 1.61rem;
max-height: 1.82rem;
} }
.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 { /* .ips-img {
width: 100%; width: 100%;
display: flex; display: flex;

View File

@@ -11,7 +11,7 @@
min-width: 1280px; min-width: 1280px;
} }
.m2-bg-t { .m2-bg-t {
font-size: 0.63rem; font-size: 0.5rem;
color: #cbcfd8; color: #cbcfd8;
width: 100%; width: 100%;
text-align: center; text-align: center;
@@ -25,3 +25,6 @@
justify-content: center; justify-content: center;
gap: 0.2rem; gap: 0.2rem;
} }
.m2-img-box img {
width: 3.5rem;
}

View File

@@ -12,7 +12,7 @@
.progress-title { .progress-title {
font-size: 0.48rem; font-size: 0.48rem;
color: #cbcfd8; color: #cbcfd8;
padding: 2.13rem 0 0.78rem 0; padding: 1.6rem 0 0.78rem 0;
} }
.progress-item .label { .progress-item .label {
@@ -182,6 +182,7 @@
.progress-p { .progress-p {
color: #cbcfd8; color: #cbcfd8;
font-size: 0.24rem; font-size: 0.24rem;
margin-top: 1.23rem; margin-top: 0.92rem;
margin-bottom: 1.52rem;
text-align: center; text-align: center;
} }

View File

@@ -3,17 +3,17 @@
} */ } */
.qb-t { .qb-t {
width: 100%; width: 100%;
font-size: 0.63rem; font-size: 0.5rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
padding-top: 4.04rem; padding-top: 3.03rem;
} }
.qb-p { .qb-p {
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
padding-top: 0.51rem; padding-top: 0.38rem;
padding-bottom: 0.72rem; padding-bottom: 0.56rem;
} }
.qb-bg-img1 { .qb-bg-img1 {
max-width: 16.43rem; max-width: 16.43rem;

View File

@@ -26,10 +26,10 @@
} }
.readon-t { .readon-t {
color: #cbcfd8; color: #cbcfd8;
font-size: 0.64rem; font-size: 0.5rem;
line-height: 1.4; line-height: 1.4;
padding-top: 1.34rem; padding-top: 1.01rem;
padding-bottom: 0.43rem; padding-bottom: 0.50rem;
} }
.readon-p { .readon-p {
color: #cbcfd8; color: #cbcfd8;
@@ -37,17 +37,18 @@
} }
.readon-js { .readon-js {
color: #cbcfd8; color: #cbcfd8;
font-size: 0.27rem; font-size: 0.22rem;
margin-top: 0.72rem; line-height: 1.8;
/* margin-top: 0.72rem; */
} }
.readon-img { .readon-img {
width: 100%; width: 100%;
max-width: 1440px; max-width: 1440px;
min-width: 1280px; min-width: 1280px;
margin-top: 10%; margin-top: 12%;
} }
.readon-img img { .readon-img img {
max-width: 3.78rem; max-width: 2.84rem;
} }
.readon-img-box { .readon-img-box {
width: 100%; width: 100%;
@@ -59,3 +60,6 @@
justify-content: center; justify-content: center;
gap: 0.2rem; gap: 0.2rem;
} }
.readon-img-box img {
width: 2.59rem;
}

View File

@@ -6,7 +6,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; */ background-size: 100% auto; */
min-width: 1280px; min-width: 1280px;
margin-top: 2.7rem; margin-top: 2.03rem;
} }
.rgb-text { .rgb-text {
position: absolute; position: absolute;
@@ -18,7 +18,7 @@
} }
.rgb-t { .rgb-t {
width: 100%; width: 100%;
font-size: 0.63rem; font-size: 0.5rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
} }
@@ -26,20 +26,20 @@
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
padding-top: 0.73rem; padding-top: 0.55rem;
line-height: 2.5; line-height: 2.5;
} }
.rgb-img { .rgb-img {
width: 100%; width: 100%;
min-width: 1280px; min-width: 1280px;
position: absolute; position: absolute;
bottom: -80px; bottom: -1rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 0.2rem; gap: 0.2rem;
} }
.rgb-img img { .rgb-img img {
max-width: 4.66rem; max-width:3.5rem;
max-height: 2.6rem;
display: block; display: block;
} }

View File

@@ -5,7 +5,7 @@
max-width: 1440px; max-width: 1440px;
min-width: 1280px; min-width: 1280px;
margin: 0 auto; */ margin: 0 auto; */
margin-bottom: 4rem; margin-bottom: 2.98rem;
} }
.tabs-header-box { .tabs-header-box {
width: 100%; width: 100%;
@@ -92,15 +92,22 @@
.tab-panel { .tab-panel {
display: none; 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 { .tab-panel.active {
display: block; display: block;
} }
.tab-t { .tab-t {
font-size: 0.63rem; font-size: 0.5rem;
color: #cbcfd8; color: #cbcfd8;
width: 100%; width: 100%;
text-align: center; text-align: center;
margin-top: 3.97rem; margin-top: 2.97rem;
margin-bottom: 0.6rem; margin-bottom: 1rem;
} }

View File

@@ -7,10 +7,10 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; */ background-size: 100% auto; */
min-width: 1280px; min-width: 1280px;
margin-bottom: 0.71rem; margin-bottom: 0.53rem;
} }
.wift-bg-t { .wift-bg-t {
font-size: 0.63rem; font-size: 0.5rem;
color: #cbcfd8; color: #cbcfd8;
width: 100%; width: 100%;
text-align: center; text-align: center;
@@ -20,7 +20,8 @@
color: #cbcfd8; color: #cbcfd8;
width: 100%; width: 100%;
text-align: center; text-align: center;
padding-top: 0.74rem; padding-top: 0.56rem;
line-height: 1.8;
} }
.wift-bg-img { .wift-bg-img {
width: 100%; width: 100%;
@@ -31,14 +32,14 @@
bottom: 1.46rem; bottom: 1.46rem;
} }
.wift-bg-img img { .wift-bg-img img {
max-width: 14.4rem;
width: 100%; width:10.1rem;
} }
.wift-t { .wift-t {
width: 100%; width: 100%;
color: #cbcfd8; color: #cbcfd8;
font-size: 0.72rem; font-size: 0.5rem;
text-align: center; text-align: center;
margin-top: 3.93rem; margin-top: 2.95rem;
margin-bottom: 0.35rem;
} }

View File

@@ -6,7 +6,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; */ background-size: 100% auto; */
min-width: 1280px; min-width: 1280px;
margin-top: 5.7rem; margin-top: 2.45rem;
} }
.wift6-text { .wift6-text {
position: absolute; position: absolute;
@@ -18,7 +18,7 @@
} }
.wift6-t { .wift6-t {
width: 100%; width: 100%;
font-size: 0.63rem; font-size: 0.5rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
} }
@@ -26,8 +26,8 @@
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
padding-top: 0.73rem; padding-top: 0.56rem;
line-height: 2.5; line-height: 1.8;
} }
.wift6-img { .wift6-img {
width: 100%; width: 100%;
@@ -39,7 +39,7 @@
gap: 0.2rem; gap: 0.2rem;
} }
.wift6-img img { .wift6-img img {
max-width: 7.15rem; max-width: 5.36rem;
max-height: 3.09rem;
display: block; display: block;
} }

View File

@@ -6,18 +6,18 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; */ background-size: 100% auto; */
min-width: 1280px; min-width: 1280px;
margin-top: 3.45rem; margin-top: 2.59rem;
} }
.xh-text { .xh-text {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-top: 1.06rem; padding-top: 0.8rem;
} }
.xh-t { .xh-t {
width: 100%; width: 100%;
font-size: 0.63rem; font-size: 0.5rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
} }
@@ -25,21 +25,22 @@
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
padding-top: 0.73rem; padding-top: 0.5rem;
line-height: 2.5; line-height: 2.5;
} }
.xh-img { .xh-img {
width: 100%; width: 100%;
min-width: 1280px; min-width: 1280px;
position: absolute; position: absolute;
bottom: 1.8rem; bottom: 1.7rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 0.2rem; gap: 0.2rem;
} }
.xh-img img { .xh-img img {
max-width: 7.1rem; max-width: 5.33rem;
max-height: 3.08rem;
display: block; display: block;
} }
.xh-b-p { .xh-b-p {

View File

@@ -15,6 +15,8 @@
max-width: 1440px; max-width: 1440px;
min-width: 1280px; min-width: 1280px;
margin: 0 auto; margin: 0 auto;
background: #0d0c10;
border:1px solid #3f3f45;
} }
.zoom-image { .zoom-image {
@@ -36,14 +38,14 @@
opacity: 1; opacity: 1;
} }
.xn-t { .xn-t {
font-size: 0.67rem; font-size:0.5rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
margin-top: 4.7rem; margin-top: 3.56rem;
margin-bottom: 1.26rem; margin-bottom: 0.95rem;
} }
.xn-p { .xn-p {
padding-top: 0.6rem; padding-top: 0.45rem;
} }
.xn-p p { .xn-p p {
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);

View File

@@ -3,7 +3,7 @@
position: relative; position: relative;
width: 100%; width: 100%;
min-width: 1280px; min-width: 1280px;
margin-top: 2.49rem; margin-top:1.87rem;
aspect-ratio: 16/9; /* 2560/1440=16/9核心比例约束 */ aspect-ratio: 16/9; /* 2560/1440=16/9核心比例约束 */
/* background: url('../img/yq1.png'); */ /* background: url('../img/yq1.png'); */
background-size: cover; background-size: cover;
@@ -24,12 +24,12 @@
/* 宽幅限制生效 */ /* 宽幅限制生效 */
width: 100%; width: 100%;
min-width: 1280px; min-width: 1280px;
padding-top: 1.47rem; padding-top: 1.1rem;
} }
.overlay-text h2 { .overlay-text h2 {
width: 100%; width: 100%;
font-size: 0.63rem; font-size: 0.5rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
line-height: 1; line-height: 1;
@@ -46,14 +46,17 @@
width: 100%; width: 100%;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
bottom: -50px; bottom: -0.71rem;
gap: 0.2rem; gap: 0.2rem;
} }
.float-cards img {
width: 2.22rem;
}
.bottom-desc { .bottom-desc {
text-align: center; text-align: center;
color: #cbcfd8; color: #cbcfd8;
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);
padding-top: 1.9rem; padding-top: 1.43rem;
width: 100%; width: 100%;
min-width: 1280px; min-width: 1280px;
} }