jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

调整
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
Details

Browse Source
This commit is contained in:
liqian
2025-12-19 16:04:46 +08:00
parent d9000fbe1c
commit 991ca5b61c
24 changed files with 1794 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/index/view/pc/topic_laptop/index.html
View File

@@ -55,6 +55,7 @@
{block name="main"} {block name="main"}
{notempty name="data.top_focus_images"} {notempty name="data.top_focus_images"}
<div class="swiper-container auto-swiper-container" style="margin-top:60px;"> <div class="swiper-container auto-swiper-container" style="margin-top:60px;">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{volist name="data.top_focus_images" id="tfi"} {volist name="data.top_focus_images" id="tfi"}
<a class="swiper-slide auto-swiper-slide" href="{$tfi.link}"> <a class="swiper-slide auto-swiper-slide" href="{$tfi.link}">
@@ -62,6 +63,24 @@
</a> </a>
{/volist} {/volist}
</div> </div>
{else/}
<div class="swiper-wrapper">
{volist name="data.top_focus_images" id="tfi"}
<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="">
</a>
</div>
</div>
<a class="swiper-slide auto-swiper-slide">
<img src="{$tfi.image}" alt="{$tfi.title}" />
</a>
{/volist}
</div>
{/eq}
</div> </div>
{/notempty} {/notempty}
{notempty name="data.perf"} {notempty name="data.perf"}
@@ -256,8 +275,10 @@
</div> </div>
{notempty name="data.ram"} {notempty name="data.ram"}
<div class="wift" > <div class="wift" >
<div class="wift-t opacity0" data-order="12">{$data.ram.title|raw}</div>
<div class="wift-bg" style="background: url('{$data.ram.image}');background-size:100% auto;"> <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>
<div class="opacity0" data-order="13"> <div class="opacity0" data-order="13">
{eq name=":cookie('think_lang')" value="en-us"} {eq name=":cookie('think_lang')" value="en-us"}
<div class="wift-bg-p1">{$data.ram.short_title|raw}</div> <div class="wift-bg-p1">{$data.ram.short_title|raw}</div>
@@ -265,9 +286,11 @@
<div class="wift-bg-p">{$data.ram.short_title|raw}</div> <div class="wift-bg-p">{$data.ram.short_title|raw}</div>
{/eq} {/eq}
</div> </div>
</div>
<div class="wift-bg-img opacity0" data-order="14"> <div class="wift-bg-img opacity0" data-order="14">
{$data.ram.desc|raw} {$data.ram.desc|raw}
</div> </div>
</div> </div>
</div> </div>
{/notempty} {/notempty}
@@ -288,6 +311,8 @@
</div> </div>
</div> </div>
{/notempty} {/notempty}
<div class="fs">
{notempty name="data.cooling_system"} {notempty name="data.cooling_system"}
{notempty name="$data.cooling_system.0"} {notempty name="$data.cooling_system.0"}
<div class="dl opacity0" data-order="17"> <div class="dl opacity0" data-order="17">
@@ -295,7 +320,6 @@
<p class="dl-p">{$data.cooling_system.0.short_title|raw}</p> <p class="dl-p">{$data.cooling_system.0.short_title|raw}</p>
</div> </div>
{/notempty} {/notempty}
<div class="fs">
<div class="fs-box"> <div class="fs-box">
{notempty name="data.cooling_system.0"} {notempty name="data.cooling_system.0"}
<img src="{$data.cooling_system.0.image|default=''}" alt="" class="fs-img"> <img src="{$data.cooling_system.0.image|default=''}" alt="" class="fs-img">

1443
app/index/view/pc/topic_laptop/index1.html Normal file
View File

File diff suppressed because it is too large Load Diff

8
public/static/index/pc/css/topic_laptop/45w.css
View File

@@ -1,9 +1,9 @@
.dl { .dl {
width: 100%; width: 100%;
padding-top: 1.89rem; padding-top: 0.71rem;
} }
.dl-t { .dl-t {
color: #cbcfd8; color: #fff;
font-size: 0.63rem; font-size: 0.63rem;
width: 100%; width: 100%;
text-align: center; text-align: center;
@@ -13,8 +13,8 @@
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.43rem;
padding-bottom: 0.37rem; /* padding-bottom: 0.37rem; */
line-height: 1.8; line-height: 1.8;
font-family: "HarmonyOS-Light"; font-family: "HarmonyOS-Light";
} }

2
public/static/index/pc/css/topic_laptop/amd.css
View File

@@ -5,7 +5,7 @@
max-width: 14.4rem; max-width: 14.4rem;
/* min-width: 1280px; */ /* min-width: 1280px; */
margin: 0 auto; margin: 0 auto;
margin-top:-2rem; /* margin-top:-3.5rem; */
} }

8
public/static/index/pc/css/topic_laptop/bly.css
View File

@@ -5,7 +5,7 @@
margin: 0 auto; margin: 0 auto;
aspect-ratio: 1437/679; aspect-ratio: 1437/679;
/* max-height: 6.97rem; */ /* max-height: 6.97rem; */
padding-top:5.43rem; padding-top:4.41rem;
} }
.bly .ba-slider .handle:after { .bly .ba-slider .handle:after {
@@ -34,7 +34,7 @@
} }
.bly-t { .bly-t {
font-size: 0.63rem; font-size: 0.63rem;
color: #cbcfd8; color: #fff;
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
@@ -43,7 +43,7 @@
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
width: 100%; width: 100%;
padding-top: 0.51rem; padding-top: 0.43rem;
padding-bottom: 1.65rem; padding-bottom: 1rem;
font-family: "HarmonyOS-Light"; font-family: "HarmonyOS-Light";
} }

5
public/static/index/pc/css/topic_laptop/index.css
View File

@@ -41,3 +41,8 @@ body {
/* [data-order="19"] { /* [data-order="19"] {
transition: all 0.3s ease-out 0.2s !important; 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; /* 防止元素翻转时的闪烁 */
}

3
public/static/index/pc/css/topic_laptop/ips.css
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.69rem; /* margin-top: 2.69rem; */
} }
.ips-text { .ips-text {
color: #cbcfd8; color: #cbcfd8;
@@ -17,6 +17,7 @@
width: 100%; width: 100%;
} }
.ips-t { .ips-t {
color: #fff;
font-size: 0.63rem; font-size: 0.63rem;
padding-top:3.9rem; padding-top:3.9rem;
padding-left: 5.63rem; padding-left: 5.63rem;

6
public/static/index/pc/css/topic_laptop/jk.css
View File

@@ -86,21 +86,21 @@
/* 最终高度（vw单位） */ /* 最终高度（vw单位） */
} }
.zoom-text { .zoom-text {
padding-top: 1.68rem; padding-top: 3rem;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
.zoom-text div{ .zoom-text div{
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size:0.63rem; font-size:0.63rem;
color:#CBCFD8 color:#fff
} }
.zoom-text p{ .zoom-text p{
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size:clamp(16px,1vw,0.22rem); font-size:clamp(16px,1vw,0.22rem);
color:#cbcfd8; color:#cbcfd8;
padding-top: 0.55rem; padding-top: 0.43rem;
font-family: "HarmonyOS-Light"; font-family: "HarmonyOS-Light";
} }
/* 响应式适配：1280px以下固定尺寸 */ /* 响应式适配：1280px以下固定尺寸 */

5
public/static/index/pc/css/topic_laptop/lb.css
View File

@@ -1,4 +1,9 @@
/* .lb {
position: relative;
width: 100%;
height: 100%;
} */
/* 外层容器：完全保留你的REM样式 */ /* 外层容器：完全保留你的REM样式 */
.carousel-wrapper { .carousel-wrapper {
width: 100%; width: 100%;

4
public/static/index/pc/css/topic_laptop/m2.css
View File

@@ -12,7 +12,7 @@
} }
.m2-bg-t { .m2-bg-t {
font-size: 0.63rem; font-size: 0.63rem;
color: #cbcfd8; color: #fff;
width: 100%; width: 100%;
text-align: center; text-align: center;
padding-top: 1.78rem; padding-top: 1.78rem;
@@ -20,7 +20,7 @@
} }
.m2-bg-t1 { .m2-bg-t1 {
font-size: 0.36rem; font-size: 0.36rem;
color: #cbcfd8; color: #fff;
width: 100%; width: 100%;
text-align: center; text-align: center;
padding-top: 1.78rem; padding-top: 1.78rem;

4
public/static/index/pc/css/topic_laptop/progress.css
View File

@@ -11,7 +11,7 @@
} }
.progress-title { .progress-title {
font-size: 0.48rem; font-size: 0.48rem;
color: #cbcfd8; color: #fff;
padding: 2.13rem 0 0.78rem 0; padding: 2.13rem 0 0.78rem 0;
font-family: "HarmonyOS-Medium"; font-family: "HarmonyOS-Medium";
} }
@@ -197,6 +197,6 @@
color: #cbcfd8; color: #cbcfd8;
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);
margin-top: 1.56rem; margin-top: 1.56rem;
margin-bottom: 3.93rem; /* margin-bottom: 2.3rem; */
text-align: center; text-align: center;
} }

173
public/static/index/pc/css/topic_laptop/progress2.css Normal file
View File

@@ -0,0 +1,173 @@
.container {
max-width: 14.4rem;
/* min-width: 1280px; */
margin: 0 auto;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.progress-section {
max-width: 14.4rem;
/* min-width: 1280px; */
}
.progress-title {
font-size: 0.48rem;
color: #fff;
padding: 2.13rem 0 0.78rem 0;
font-family: "HarmonyOS-Medium";
}
.progress-item .label {
font-size: 0.4rem;
color: #cbcfd8;
margin-bottom: 0.08rem;
display: flex;
justify-content: space-between;
align-items: baseline;
line-height: 1;
margin-top: 0.3rem;
margin-bottom: 0.76rem;
}
.progress-item .label .device-name {
flex: 1;
font-family: "HarmonyOS-Medium";
}
.progress-item .label .baseline {
color: #cbcfd8;
font-size: 0.6rem;
}
.progress-item .label .value {
font-size: 0.4rem;
min-width: 0.8rem;
text-align: right;
margin-left: 0.16rem;
font-family: "HarmonyOS-Medium";
}
.colorLinearGradient {
background: linear-gradient(90deg, #7e51ff, #d5dfff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.progress-item .label .value.m4-max {
color: #5e5ce6;
}
.progress-item .label .value.gray {
color: #86868b;
}
.progress-bar-container {
display: flex;
align-items: center;
gap: 0.16rem;
/* 新增：让容器成为定位参考 */
position: relative;
}
.progress-bar {
flex: 1;
height: 0.2rem;
max-height: 20px;
min-height: 10px;
border-radius: 10px;
overflow: hidden;
position: relative;
/* 新增：进度条本身宽度100%，通过父容器控制实际宽度 */
width: 100%;
}
/* ========== 核心优化：进度条填充层（去掉流光） ========== */
.progress-fill {
height: 100%;
border-radius: 0.05rem;
/* 移除width过渡，改用transform（性能更优） */
transition: transform 1.2s ease-out;
/* 初始状态：向左偏移100%（完全隐藏） */
transform: translateX(-100%);
/* 固定宽度100%，不再动态修改width */
width: 100%;
position: absolute;
left: 0;
top: 0;
}
/* 新增：进度条激活状态（通过JS添加此类名） */
.progress-fill.active {
transform: translateX(0); /* 偏移0，完全显示 */
}
.progress-fill.m4-max {
background: linear-gradient(40deg, #7e51ff, #e1d5ff);
}
.progress-fill.m2-max {
background: #bfc5d9;
}
.progress-fill.m1-max {
background: #bfc5d9;
}
.progress-fill.baseline {
background: #bfc5d9;
}
/* 基准说明 */
.baseline-note {
margin-top: 0.3rem;
font-size: 0.13rem;
color: #86868b;
padding-top: 0.15rem;
border-top: 1px solid #e9e9eb;
}
.baseline-note sup {
font-size: 0.1rem;
vertical-align: top;
}
.w1440 {
width: 14.4rem;
}
.w1368 {
width: 13.68rem;
}
.w1243 {
width: 12.43rem;
}
.w964 {
width:9.64rem;
}
.w681 {
width: 6.81rem;
}
.w1274 {
width: 12.74rem;
}
.w1000 {
width:10rem;
}
.font32 {
font-size: 0.32rem !important;
}
.colorCBCFD8 {
color: #646778 !important;
}
.color8A8787 {
color: #646778 !important;
}
.progress-p {
color: #cbcfd8;
font-size: clamp(16px, 1vw, 0.22rem);
margin-top: 1.23rem;
margin-bottom: 5.04rem;
text-align: center;
}
.progress-p1 {
color: #cbcfd8;
font-size: clamp(16px, 1vw, 0.22rem);
margin-top: 1.56rem;
text-align: center;
}

13
public/static/index/pc/css/topic_laptop/qb.css
View File

@@ -1,18 +1,21 @@
/* .qb .auto-swiper-container { /* .qb {
background: none; position: absolute;
top:3rem;
left: 50%;
transform: translateX(-50%);
} */ } */
.qb-t { .qb-t {
width: 100%; width: 100%;
font-size: 0.63rem; font-size: 0.63rem;
color: #cbcfd8; color: #fff;
text-align: center; text-align: center;
padding-top: 4.52rem; padding-top: 3rem;
} }
.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.54rem; padding-top: 0.43rem;
padding-bottom: 0.56rem; padding-bottom: 0.56rem;
font-family: "HarmonyOS-Light"; font-family: "HarmonyOS-Light";
} }

2
public/static/index/pc/css/topic_laptop/readon.css
View File

@@ -15,7 +15,7 @@
margin: 0 auto; margin: 0 auto;
} }
.readon-t { .readon-t {
color: #cbcfd8; color: #fff;
font-size: 0.68rem; font-size: 0.68rem;
/* line-height: 1.4; */ /* line-height: 1.4; */
/* padding-top: 1.01rem; /* padding-top: 1.01rem;

8
public/static/index/pc/css/topic_laptop/rgb.css
View File

@@ -1,7 +1,7 @@
.rgb { .rgb {
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio: 2560/1440; /* 2560/1440=16/9，核心比例约束 */ aspect-ratio: 7680/2889; /* 2560/1440=16/9，核心比例约束 */
/* background: url('../img/rgb.png'); /* background: url('../img/rgb.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; */ background-size: 100% auto; */
@@ -10,7 +10,7 @@
} }
.rgb-text { .rgb-text {
position: absolute; position: absolute;
top: -50px; top: -1rem;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -19,14 +19,14 @@
.rgb-t { .rgb-t {
width: 100%; width: 100%;
font-size: 0.63rem; font-size: 0.63rem;
color: #cbcfd8; color: #fff;
text-align: center; text-align: center;
} }
.rgb-p { .rgb-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.73rem; padding-top: 0.43rem;
line-height: 1.8; line-height: 1.8;
font-family: "HarmonyOS-Light"; font-family: "HarmonyOS-Light";
} }

48
public/static/index/pc/css/topic_laptop/swiper.css
View File

@@ -7,7 +7,7 @@
min-height: 300px; */ min-height: 300px; */
overflow: hidden; overflow: hidden;
position: relative; position: relative;
z-index: -1; z-index: 1;
} }
/* 轮播项 - 填充容器高度 */ /* 轮播项 - 填充容器高度 */
@@ -27,3 +27,49 @@
/* object-fit: contain; 可选：完整显示图片，不裁剪（可能留黑边） */ /* object-fit: contain; 可选：完整显示图片，不裁剪（可能留黑边） */
display: block; display: block;
} }
.swiper-container-texts {
position: absolute;
left: 50%;
top:2.3rem;
transform: translateX(-50%);
z-index: 10;
}
.swiper-container-texts-t {
font-size: 0.9rem;
text-align: center;
width: 100%;
line-height: 1;
}
.swiper-container-texts-p {
padding-top: 0.43rem;
font-size: 0.28rem;
text-align: center;
width: 100%;
display: flex;
align-items: center;
letter-spacing: 1.3px;
}
.swiper-container-texts-p div {
font-family: "HarmonyOS-Light";
}
.swiper-container-texts-line {
width: 1px;
height: 0.16rem;
background: #fff;
margin: 0 12px;
}
.swiper-container-texts-img {
width: 100%;
display: flex;
justify-content: center;
padding-top: 0.63rem;
cursor: pointer;
}
.swiper-container-texts-img a {
width: 1.82rem;
}
.swiper-container-texts-img img {
width: 1.82rem;
}

17
public/static/index/pc/css/topic_laptop/th.css
View File

@@ -83,7 +83,7 @@
font-size: clamp(16px, 1vw, 0.22rem); font-size: clamp(16px, 1vw, 0.22rem);
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
margin-top: 1rem; margin-top:0.7rem;
display: none; display: none;
} }
.tabs-p.active { .tabs-p.active {
@@ -95,11 +95,20 @@
.tab-panel-img { .tab-panel-img {
background:#1c1c1e ; background:#1c1c1e ;
width: 100%; width: 100%;
max-width: 14.4rem;
max-height: 7rem;
overflow: hidden;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
padding-top: 0.8rem; padding-top: 0.7rem;
border-radius: 0.16rem; border-radius: 0.16rem;
} }
.tab-panel-img img {
width: 100%;
max-width: 13.7rem;
height: 100%;
}
.tab-panel.active { .tab-panel.active {
display: block; display: block;
} }
@@ -108,8 +117,8 @@
color: #cbcfd8; color: #cbcfd8;
width: 100%; width: 100%;
text-align: center; text-align: center;
margin-top: 2.97rem; margin-top: 3rem;
margin-bottom: 1rem; margin-bottom: 0.7rem;
display: none; display: none;
} }
.tab-t.active { .tab-t.active {

21
public/static/index/pc/css/topic_laptop/wift.css
View File

@@ -2,12 +2,22 @@
.wift-bg { .wift-bg {
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio: 2560/1913; /* 2560/1440=16/9，核心比例约束 */ height: 100%;
aspect-ratio: 2560/1913;
/* 2560/1440=16/9，核心比例约束 */
/* background: url('../img/w1.png'); /* background: url('../img/w1.png');
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.71rem; */
position: relative;
}
.wift-test {
position: absolute;
left:50%;
top:3rem;
transform: translateX(-50%);
} }
.wift-bg-t { .wift-bg-t {
font-size: 0.5rem; font-size: 0.5rem;
@@ -20,7 +30,7 @@
color: #cbcfd8; color: #cbcfd8;
width: 100%; width: 100%;
text-align: center; text-align: center;
padding-top: 0.73rem; padding-top: 0.43rem;
line-height: 1.8; line-height: 1.8;
font-family: "HarmonyOS-Light"; font-family: "HarmonyOS-Light";
} }
@@ -47,9 +57,10 @@
} }
.wift-t { .wift-t {
width: 100%; width: 100%;
color: #cbcfd8; color: #fff;
text-align: center; text-align: center;
margin-top: 2.95rem; /* margin-top: 2.95rem; */
/* padding-top: 2.95rem; */
font-size: 0.72rem; font-size: 0.72rem;
} }
.wift-t div:nth-child(1) { .wift-t div:nth-child(1) {

8
public/static/index/pc/css/topic_laptop/wift6.css
View File

@@ -6,11 +6,11 @@
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.45rem; margin-top: 3.5rem;
} }
.wift6-text { .wift6-text {
position: absolute; position: absolute;
top: -50px; top: -0.3rem;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -19,14 +19,14 @@
.wift6-t { .wift6-t {
width: 100%; width: 100%;
font-size: 0.63rem; font-size: 0.63rem;
color: #cbcfd8; color: #fff;
text-align: center; text-align: center;
} }
.wift6-p { .wift6-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.74rem; padding-top: 0.43rem;
line-height: 1.8; line-height: 1.8;
font-family: "HarmonyOS-Light"; font-family: "HarmonyOS-Light";
} }

2
public/static/index/pc/css/topic_laptop/windows.css
View File

@@ -3,7 +3,7 @@
/* min-width: 1280px; */ /* min-width: 1280px; */
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio: 1440/1399; /* 2560/1440=16/9，核心比例约束 */ aspect-ratio: 1440/1117; /* 2560/1440=16/9，核心比例约束 */
/* background: url('../img/windows1.png'); /* background: url('../img/windows1.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; */ background-size: 100% auto; */

10
public/static/index/pc/css/topic_laptop/xh.css
View File

@@ -1,24 +1,24 @@
.xh { .xh {
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio: 2560/2236; /* 2560/1440=16/9，核心比例约束 */ aspect-ratio: 5120/3316; /* 2560/1440=16/9，核心比例约束 */
/* background: url('../img/rgb.png'); /* background: url('../img/rgb.png');
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: 3.56rem;
} }
.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: 0.8rem; /* padding-top: 0.8rem; */
} }
.xh-t { .xh-t {
width: 100%; width: 100%;
font-size: 0.5rem; font-size: 0.5rem;
color: #cbcfd8; color: #fff;
text-align: center; text-align: center;
} }
.xh-t span:nth-child(1) { .xh-t span:nth-child(1) {
@@ -32,7 +32,7 @@
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.67rem; padding-top: 0.43rem;
font-family: "HarmonyOS-Light"; font-family: "HarmonyOS-Light";
} }
.xh-img { .xh-img {

4
public/static/index/pc/css/topic_laptop/xn.css
View File

@@ -39,9 +39,9 @@
} }
.xn-t { .xn-t {
font-size:0.63rem; font-size:0.63rem;
color: #cbcfd8; color: #fff;
text-align: center; text-align: center;
margin-top: 4.74rem; margin-top: 3rem;
margin-bottom: 1.26rem; margin-bottom: 1.26rem;
} }
.xn-p { .xn-p {

6
public/static/index/pc/css/topic_laptop/yq.css
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.5rem;
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,13 +24,13 @@
/* 宽幅限制生效 */ /* 宽幅限制生效 */
width: 100%; width: 100%;
min-width: 1280px; min-width: 1280px;
padding-top: 1.47rem; padding-top: 1.5rem;
} }
.overlay-text div { .overlay-text div {
width: 100%; width: 100%;
font-size: 0.63rem; font-size: 0.63rem;
color: #cbcfd8; color: #fff;
text-align: center; text-align: center;
line-height: 1; line-height: 1;
font-size: 500; font-size: 500;

BIN
public/static/index/pc/images/topic_laptop/ljgd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB