diff --git a/app/index/view/mobile/topic_laptop/index.html b/app/index/view/mobile/topic_laptop/index.html index 6de16ef2..73df9506 100644 --- a/app/index/view/mobile/topic_laptop/index.html +++ b/app/index/view/mobile/topic_laptop/index.html @@ -1,13 +1,1130 @@ {extend name="public/base" /} {block name="style"} + + + + + + + + + + + + + + + + + + + + + {/block} {block name="header"} {/block} {block name="main"} + +
+
+
+
+
轻启强大 跃级体验
+
+
锐龙R7 7735HS标压处理器
+
+
IPS柔光舒适屏
+
+
轻至1.45kg
+
+
+ + + +
+
+ +
+
+
+ +
+
+ +
+
+
+ + + + +
+
+ + + + +
+
+
+ +
+
+ +
+
+
+
超能引擎 性能拉满
+

强悍「芯」实力 定义性能新标杆

+
+
+
+ + + +
+
+ 搭载高性能CPU与GPU，多任务并行流畅不卡顿 +
+
+
+ +
+ +
+
CineBench R23 多核跑分
+
+
+
+
+
+
+
+
+ Ryzen7 7735HS: + 13766 +
+
+
+
+
+
+
+
+
+ Ryzen5 7640HS: + 12950 +
+
+
+
+
+
+
+
+
+ 锐龙9 6900HX: + 13183 +
+
+
+
+
+
+
+
+
+ 酷睿i5-12450H: + 10200 +
+
+
+
+
+
+
+
+
+ Ryzen5 6600H: + 10297 +
+
+
+
*此跑分为ORICO实验室测定所得，请以实际使用为准
+
+ +
+
+
+ Radeon 680M
+ 独显级显卡 低延迟 全能创作力 +
+
+ 搭配高效架构与先进制程，在低功耗下实现游戏创作场景的
+ 逼真光影渲染与流畅性能输出 +
+
+
+
+ +
+
+ + + + +
+
+ +
+ +
+
3DMARK Time Spy显卡得分
+
+
+
+
+
+
+
+
+ Ryzen7 7735HS: + 1700 +
+
+
+
+
+
+
+
+
+ NVIDIA GTX 750: + 1000 +
+
+
+
+
+
+
+
+
+ i7-13620H: + 1000 +
+
+
+
+
+
+
+
+
+ Ryzen5 6600H: + 950 +
+
+
+
*此跑分为ORICO实验室测定所得，请以实际使用为准
+
+ +
+
+ 6400MT/s
高频狂飙 超大带宽，游戏创作飞快 +
+
+
+ 搭载新一代DDR5架构，性能频率跃升至6400MHz， +
16GB/32GB运行内存，双通道高带宽设计叠加低延迟优化，大型软件秒加
载;多任务多窗口同步并行也能流程无卡顿,尽情释放你的创作潜能。 +
+
+ +
+
+
+ +
+
+
+ 支持PCle 4.0 M.2 扩容
释放存储潜能 +
+ +
+ + + + +
+
+
+ +
+
+
+ 静享 45W强悍性能
+ “飓冷”轻音散热系统 +
+

+ 牛角形双热管架构搭配定制高性能涡轮风扇，超强的散热能力，长时
间运行不降频；在创作、游戏等高负载场景，性能拉满 全程高能 +

+
+
+ +
*散热图仅为示意，具体以实物为准
+
+
+ + +
+
+ +
+
+
+
+ +
+
性能大跃级 拿捏多场景
+
+
+ +
+
+
+

游戏软件: ELDÀ、逆水寒、DIABLO、AION、无悔华夏、E- sports Game、原神

+

设计/编程: python、C语言、CAD、mysql、PS、Pr、DW、3Dmax、C4D、Ai、Au、Ae、Fw、En

+

办公/娱乐: 钉钉、WPS、XMind、有道云笔记、爱奇艺、音乐软件、同花顺

+
+
+ +
+
+ 14寸IPS 柔光舒适屏
+ 细腻 真实 沉浸 +
+
+

超清IPS屏，专业级色彩表现，画面显示生动细腻。
办公、学习、创作、游戏、观影，长时间专注眼部依然舒适

+
+
+ + + + +
+
+ +
+
100%sRGB超广色域
斑斓色彩跃然眼前
+
+

色彩丰富真实、细节生动逼真，还原万物本色，
画面更出彩。每台电脑出厂前专业调校，算法硬件助力，色彩精准度高。

+
+
+ + + +
+
+ +
+
+
舒适不累眼
+
有效防眩光，显示清晰不刺眼，强光下依然表现出色
搭配类自然光护眼科技，呵护双眼，久看不累
+
+
+ + +
+ + +
+ +
+
+ +
+
+
轻薄有型 便捷随行
+
外观优雅简约 ，黄金比例机身，棱角分明，
+ 诠释利落风格。表面精密喷砂，复刻Mac级出众质感
+
+
+ + + + +
+
+
+
+ +
+
+
网速时刻在线 跃级流畅
千兆有线网+WiFi6
+
折叠式千兆有线网口和Wi-Fi6无线超能网卡，速度快、抗干扰、低延时，满
足多种学习和办公场合需要，带来前所未有的畅连体验，学习,办公流畅不
卡顿,拒绝掉线尴尬 +
+
+
+ + + + +
+
+ +
+ +
+
+ 11.4h + 长久续航 电量满满 +
+
配备57.5Wh大电池，续航长达11.4h，搭配100W闪充充电器，充一次，用一天
+
+
+ + + +
+
*此数据为ORICO实验室测定所得，请以实际使用为准；
+
+ + +
接口大满贯
+
+
+

标配多种接口，会议室连接电脑、
U盘传输文件、TF卡读取等，全都轻松搞定

+ 接口图 +
+ +
+ 肯辛通锁孔 +
+
千兆网口 +
+
USB-A
(5Gbps)
+
USB-A
(480Mbps)
+
3.5mm
耳麦合一
+
TF口3.0
+ +
全功能
USB-C
+
HDMI
+
USB-A
(5Gbps)
+
USB-C
(5Gbps)
+
+ +
+
+ +
+ +
+
高效 时刻在线
+
长续航, 随时随地自在办公 +
+
+
+ +
+ 图片2 +
+
高效 时刻在线
+
长续航, 随时随地自在办公 +
+
+
+ +
+ +
+
高效 时刻在线
+
长续航, 随时随地自在办公 +
+
+
+
+
+ +
+
清晰通话 尽兴畅聊
+
更安全 更私密
+
+ +
+
+ +
+
+ +
+ +
+
+
+
+
清晰通话
+
安护密收
+
+
+
+ +
配置1080p前置高清摄像头, 矩阵式降噪麦克风, 噪音环境亦享受清晰通话
+
物理防窥拨片，防止软件恶意开启摄像头
+
+ +
+ +
+ +
+ + + + + + +
+ +
+ +
{/block} {block name="script"} + + {/block} \ No newline at end of file diff --git a/public/static/index/mobile/css/topic_laptop/amd.css b/public/static/index/mobile/css/topic_laptop/amd.css new file mode 100644 index 00000000..cface428 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/amd.css @@ -0,0 +1,40 @@ +.amd-box { + width: 100%; + position: relative; + max-width: 6.82rem; + margin: 0 auto; + margin-top: -0.86rem; + z-index: 1; +} + +.amd-img-header, +.amd-img-main, +.amd-img-footer { + width: 100%; + max-width: 6.82rem; +} +.amd-img-main { + display: flex; + justify-content: space-between; +} +.amd-img-main-left, +.amd-img-main-right { + flex: 1; + max-width: 3.36rem; + display: block; +} +.amd-img-main-left img, +.amd-img-main-right img { + width: 3.36rem; + display: block; + margin-top: 0.1rem; +} +.amd-img-header img { + width: 6.82rem; + display: block; +} +.amd-img-footer img { + width: 6.82rem; + margin-top: 0.1rem; + display: block; +} diff --git a/public/static/index/mobile/css/topic_laptop/bly.css b/public/static/index/mobile/css/topic_laptop/bly.css new file mode 100644 index 00000000..e9bf33d5 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/bly.css @@ -0,0 +1,50 @@ +.bly { + margin: 0 0.34rem; + aspect-ratio: 682/338; + /* max-height: 6.97rem; */ + padding-top: 1.5rem; +} + +.bly .ba-slider .handle:after { + position: absolute; + top: 50%; + /* 1. 缩小宽高：从48px改为32px（可根据需求再调，比如28px/30px） */ + width: 0.32rem; + height: 0.32rem; + /* 2. 同步调整margin：宽高的一半，保证居中（48px对应-24px，32px对应-16px） */ + margin: -0.16rem 0 0 -0.16rem; + content: ''; + display: flex; + align-items: center; + justify-content: center; + background: #fff + url('https://dev.ow.f2b211.com/static/index/pc/images/ba-arrow.png') + /* 3. 缩小背景箭头：从22px改为16px（匹配整体尺寸） */ center center / + 0.16rem 0.16rem no-repeat; + border: 1px solid #fff; + border-radius: 50%; + transition: all 0.3s ease; + transform: scale(1); + z-index: 5; + box-shadow: none; +} + +.bly .ba-slider .handle.ba-draggable:after { + transform: scale(0.8); +} +.bly-t { + font-size: 0.36rem; + color: #fff; + text-align: center; + width: 100%; +} +.bly-p { + font-size: 0.18rem; + color: #cbcfd8; + text-align: center; + width: 100%; + padding-top: 0.37rem; + padding-bottom: 0.56rem; + font-family: 'HarmonyOS-Light'; + line-height: 1.5; +} diff --git a/public/static/index/mobile/css/topic_laptop/cpu.css b/public/static/index/mobile/css/topic_laptop/cpu.css new file mode 100644 index 00000000..0d119b3f --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/cpu.css @@ -0,0 +1,49 @@ +.cpu { + margin-top: 1.5rem; + width: 100%; + aspect-ratio: 750/882; + position: relative; +} +.cpu-main { + width: 100%; + aspect-ratio: 750/882; +} +.cpu-texts-t { + color: #fff; + font-size: 0.36rem; + line-height: 1; + text-align: center; + padding-top: 0.19rem; +} +.cpu-texts-p { + color: #cbcfd8; + font-size: 0.18rem; + margin-top: 0.37rem; + line-height: 1; + text-align: center; +} +.cpu-footer { + position: absolute; + bottom: 0; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} +.cpu-footer-img { + display: flex; + gap: 0.1rem; +} +.cpu-footer img { + width: 100%; + max-width: 1.48rem; + display: block; +} +.cpu-footer-desc { + font-size: 0.16rem; + color: #cbcfd8; + text-align: center; + margin-top: 0.38rem; + margin-bottom: 0.51rem; + width: 100%; +} diff --git a/public/static/index/mobile/css/topic_laptop/endurance.css b/public/static/index/mobile/css/topic_laptop/endurance.css new file mode 100644 index 00000000..60b29b41 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/endurance.css @@ -0,0 +1,59 @@ +.endurance { + position: relative; + width: 100%; + margin-top: 1.78rem; + aspect-ratio: 750/778; +} +.endurance-texts { + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + position: absolute; + top: -0.4rem; +} +.endurance-t { + width: 100%; + font-size: 0.5rem; + color: #fff; + text-align: center; +} +.endurance-t span:nth-child(1) { + font-size: 0.4rem; + line-height: 1; +} +.endurance-t span:nth-child(2) { + font-size: 0.36rem; + margin-left: 0.11rem; + line-height: 1; +} +.endurance-p { + font-size: 0.18rem; + color: #cbcfd8; + text-align: center; + padding-top: 0.37rem; + font-family: 'HarmonyOS-Light'; +} +.endurance-img { + width: 100%; + + position: absolute; + bottom: 0.62rem; + display: flex; + justify-content: center; + gap: 0.2rem; +} +.endurance-img img { + width: 2.46rem; + display: block; +} +.endurance-footer-p { + color: #ffffff; + font-size: 0.18rem; + position: absolute; + bottom: 0; + text-align: center; + left: 50%; + transform: translateX(-50%); + width: 100%; +} diff --git a/public/static/index/mobile/css/topic_laptop/footer.css b/public/static/index/mobile/css/topic_laptop/footer.css new file mode 100644 index 00000000..df012b7b --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/footer.css @@ -0,0 +1,43 @@ +.footer-imgs { + width: 6.8rem; + margin: 0 auto; + margin-top: 1.5rem; + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} +.footer-imgs img { + width: 2.22rem; +} +.footer-imgs img:nth-child(4), +.footer-imgs img:nth-child(5), +.footer-imgs img:nth-child(6) { + margin-top: 0.09rem; +} + +.footer-texts { + width: 6.8rem; + margin: 0 auto; + font-size: 0.16rem; + color: #cbcfd8; + white-space: normal; + margin-top: 1.5rem; +} +.footer-texts p { + text-indent: clamp(-16px, -1vw, -0.22rem); + line-height: 1.5; + margin-bottom: 0.1rem; + font-family: 'HarmonyOS-Light'; + letter-spacing: 1px; +} +.footer-texts-en { + width: 6.8rem; + margin: 0 auto; + font-size: 0.16rem; + color: #cbcfd8; + white-space: normal; +} +.footer-texts-en p { + text-indent: clamp(-16px, -1vw, -0.22rem); + font-family: 'HarmonyOS-Light'; +} diff --git a/public/static/index/mobile/css/topic_laptop/fs.css b/public/static/index/mobile/css/topic_laptop/fs.css new file mode 100644 index 00000000..e640ac3a --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/fs.css @@ -0,0 +1,69 @@ +.fs { + width: 100%; +} +.fs-box { + width: 100%; + aspect-ratio: 16/9; /* 2560/1440=16/9，核心比例约束 */ + position: relative; + will-change: contents; /* 告诉浏览器该元素即将变化，提前优化 */ + contain: layout paint; /* 限制重排重绘范围 */ +} +.fs-img, +.fs-video { + backface-visibility: hidden; /* 开启硬件加速 */ + transform: translateZ(0); /* 硬件加速 */ +} +.fs-box img { + width: 100%; +} +.fs-box-img { + display: flex; + display: flex; + flex-wrap: wrap; +} + +.fs-h-img { + width: 100%; + display: flex; + justify-content: center; + gap: 0.13rem; +} +.fs-h-img img { + width: 3.35rem; +} +.fs-b-img { + width: 100%; + display: flex; + justify-content: center; + margin-top: 0.13rem; +} +.fs-b-img img { + width: 6.81rem; +} +.fs-ts { + font-size: 0.18rem; + text-align: center; + color: #cbcfd8; + padding: 0.4rem 0; +} +.dl { + width: 100%; + padding-top: 1.01rem; +} +.dl-t { + color: #fff; + font-size: 0.36rem; + width: 100%; + text-align: center; + line-height: 1.5; +} +.dl-p { + color: #cbcfd8; + font-size: 0.18rem; + width: 100%; + text-align: center; + padding-top: 0.37rem; + /* padding-bottom: 0.37rem; */ + line-height: 1.5; + font-family: 'HarmonyOS-Light'; +} diff --git a/public/static/index/mobile/css/topic_laptop/gpu.css b/public/static/index/mobile/css/topic_laptop/gpu.css new file mode 100644 index 00000000..117e315b --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/gpu.css @@ -0,0 +1,44 @@ +.gpu { + width: 100%; + position: relative; + box-sizing: border-box; +} +.gpu-texts { + color: #fff; + font-size: 0.36rem; + margin: 0 0.34rem; +} +.gpu-texts-t { + line-height: 1.5; +} + +.gpu-texts-p { + font-size: 0.16rem; + color: #cbcfd8; + line-height: 1.5; + margin-top: 0.32rem; +} +.gpu-main-img { + width: 100%; + aspect-ratio: 750/780; +} +.gpu-amd-img { + width: 100%; +} +.gpu-amd-img img { + max-width: 2.26rem; + width: 100%; + margin-top: 2.39rem; + margin-left: 0.45rem; +} +.gpu-footer-imgs { + display: flex; + position: absolute; + bottom: 0.61rem; + gap: 0.1rem; + left: 50%; + transform: translateX(-50%); +} +.gpu-footer-imgs img { + max-width: 1.63rem; +} diff --git a/public/static/index/mobile/css/topic_laptop/index.css b/public/static/index/mobile/css/topic_laptop/index.css new file mode 100644 index 00000000..7f5618ac --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/index.css @@ -0,0 +1,13 @@ +* { + margin: 0; + padding: 0; +} +html { + width: 100% !important; + overflow-x: hidden; +} +body { + width: 100%; + background: #000; + overflow-x: hidden; +} diff --git a/public/static/index/mobile/css/topic_laptop/ips.css b/public/static/index/mobile/css/topic_laptop/ips.css new file mode 100644 index 00000000..74ff3878 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/ips.css @@ -0,0 +1,43 @@ +.ips { + position: relative; +} +.ips-t { + font-size: 0.36rem; + color: #fff; + line-height: 1.5; + margin-top: 1.5rem; + margin-left: 0.38rem; + margin-right: 0.38rem; + margin-bottom: 0.46rem; +} +.ips-bg { + aspect-ratio: 750/678; + position: relative; +} +.ips-bg p { + font-size: 0.18rem; + color: #cbcfd8; + line-height: 1.5; + margin-left: 0.38rem; + margin-right: 0.38rem; + position: absolute; + top: -0.3rem; +} +.ips-imgs { + width: 6.8rem; + flex-wrap: wrap; + gap: 0.1rem; + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: -3rem; + display: flex; +} +.ips-imgs img { + width: 3.35rem; + display: block; +} +.ips-imgs img:nth-child(3), +.ips-imgs img:nth-child(4) { + margin-top: 0.1rem; +} diff --git a/public/static/index/mobile/css/topic_laptop/m2.css b/public/static/index/mobile/css/topic_laptop/m2.css new file mode 100644 index 00000000..b4509efe --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/m2.css @@ -0,0 +1,29 @@ +.m2 { + width: 100%; + margin-top: 1.09rem; +} +.m2-bg { + position: relative; + width: 100%; + aspect-ratio: 750/846; +} + +.m2-bg-t1 { + font-size: 0.36rem; + color: #fff; + width: 100%; + text-align: center; + line-height: 1.5; + padding-top: 1.3rem; +} +.m2-img-box { + position: absolute; + bottom: 0.66rem; + width: 100%; + display: flex; + justify-content: center; + gap: 0.11rem; +} +.m2-img-box img { + width: 2.22rem; +} diff --git a/public/static/index/mobile/css/topic_laptop/memory.css b/public/static/index/mobile/css/topic_laptop/memory.css new file mode 100644 index 00000000..8cb92ed9 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/memory.css @@ -0,0 +1,34 @@ +.memory { + width: 100%; +} +.memory-t { + font-size: 0.36rem; + color: #fff; + width: 100%; + text-align: center; + padding-bottom: 0.37rem; + line-height: 1.5; +} +.memory-img { + width: 100%; + aspect-ratio: 750/727; + position: relative; +} +.memory-p { + width: 100%; + font-size: 0.18rem; + color: #cbcfd8; + text-align: center; + line-height: 1.5; +} +.memory-footer-img { + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: -0.74rem; +} + +.memory-footer-img img { + width: 6.83rem; + display: block; +} diff --git a/public/static/index/mobile/css/topic_laptop/progress.css b/public/static/index/mobile/css/topic_laptop/progress.css new file mode 100644 index 00000000..05bfda76 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/progress.css @@ -0,0 +1,129 @@ +.progress { + margin-left: 0.34rem; + margin-right: 0.34rem; + box-sizing: border-box; +} +/* .progress-section { + margin-left: 0.34rem; + margin-right: 0.34rem; + box-sizing: border-box; +} */ + +.progress-title { + font-size: 0.24rem; + color: #fff; + padding: 0.16rem 0 0.36rem 0; + font-family: 'HarmonyOS-Medium'; +} +.progress-item .label { + display: flex; + justify-content: space-between; + align-items: baseline; + line-height: 1; + margin-top: 0.13rem; + margin-bottom: 0.36rem; +} + +.progress-item .label .device-name { + flex: 1; + font-family: 'HarmonyOS-Medium'; + margin-left: 0.04rem; +} + +.progress-item .label .value { + text-align: right; + font-family: 'HarmonyOS-Medium'; + margin-right: 0.04rem; +} + +.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-bar { + flex: 1; + height: 0.1rem; + max-height: 0.2rem; + min-height: 0.1rem; + border-radius: 0.1rem; + overflow: hidden; + position: relative; + /* 性能优化1：开启硬件加速，减少重绘 */ + transform: translateZ(0); + will-change: transform; +} + +.progress-fill { + height: 100%; + border-radius: 0.05rem; + transform: scaleX(0); + transform-origin: left center; + transition: transform 1.2s ease-out; + will-change: transform; + position: relative; +} + +/* 保留你所有原始的进度条颜色类 */ +.progress-fill.m4-max { + background: linear-gradient(40deg, #7e51ff, #e1d5ff); +} + +.progress-fill.m2-max { + background: #bfc5d9; +} + +@keyframes shimmer { + 100% { + left: 150%; + } +} + +.font20 { + font-size: 0.2rem !important; +} +.font18 { + font-size: 0.18rem !important; +} +.colorCBCFD8 { + color: #646778 !important; +} + +.progress-p { + color: #cbcfd8; + font-size: 0.18rem; + margin-top: 0.51rem; + margin-bottom: 1.5rem; + text-align: center; +} + +.progress-p1 { + color: #cbcfd8; + font-size: 0.18rem; + margin-top: 1.56rem; + text-align: center; +} +.w645 { + width: 6.45rem; +} +.w585 { + width: 5.85rem; +} +.w454 { + width: 4.54rem; +} +.w321 { + width: 3.21rem; +} +.w596 { + width: 5.96rem; +} +.w467 { + width: 4.67rem; +} diff --git a/public/static/index/mobile/css/topic_laptop/qb.css b/public/static/index/mobile/css/topic_laptop/qb.css new file mode 100644 index 00000000..19992d4c --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/qb.css @@ -0,0 +1,25 @@ +/* .qb { + position: absolute; + top:3rem; + left: 50%; + transform: translateX(-50%); +} */ +.qb-t { + width: 100%; + font-size: 0.36rem; + color: #fff; + text-align: center; + padding-top: 1.5rem; +} +.qb-p { + font-size: 0.18rem; + color: #cbcfd8; + text-align: center; + padding-top: 0.37rem; + padding-bottom: 0.34rem; + font-family: 'HarmonyOS-Light'; + line-height: 1.5; +} +.qb-bg-img1 { + width: 6.9rem; +} diff --git a/public/static/index/mobile/css/topic_laptop/rgb.css b/public/static/index/mobile/css/topic_laptop/rgb.css new file mode 100644 index 00000000..ea965b8e --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/rgb.css @@ -0,0 +1,28 @@ +.rgb-t { + font-size: 0.36rem; + color: #fff; + width: 100%; + text-align: center; + margin-top: 4.84rem; + margin-bottom: 0.37rem; + line-height: 1.5; +} +.rgb-bg { + aspect-ratio: 750/582; +} +.rgb-p { + font-size: 0.18rem; + color: #cbcfd8; + line-height: 1.5; + text-align: center; +} +.rgb-imgs { + display: flex; + gap: 0.1rem; + margin-top: 0.28rem; + justify-content: center; +} +.rgb-imgs img { + width: 2.17rem; + display: block; +} diff --git a/public/static/index/mobile/css/topic_laptop/swiper.css b/public/static/index/mobile/css/topic_laptop/swiper.css new file mode 100644 index 00000000..66cf0fe7 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/swiper.css @@ -0,0 +1,85 @@ +/* 轮播容器 - 核心：基于视口高度自适应 */ +.auto-swiper-container { + width: 100%; + overflow: hidden; + position: relative; + z-index: 1; +} + +/* 轮播项 - 填充容器高度 */ +.auto-swiper-slide { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +/* 图片自适应核心：填充屏幕比例高度，保持比例 */ +.auto-swiper-slide img { + width: 100%; + height: 100%; + object-fit: cover; /* 优先填充容器，裁剪超出部分（无拉伸） */ + /* object-fit: contain; 可选：完整显示图片，不裁剪（可能留黑边） */ + display: block; +} +.swiper-container-texts { + position: absolute; + left: 50%; + top: 0.91rem; + transform: translateX(-50%); + z-index: 10; + width: 100%; +} + +.swiper-container-texts-t { + font-size: 0.48rem; + text-align: center; + width: 100%; + line-height: 1; +} +.swiper-container-texts-p { + padding-top: 0.68rem; + font-size: 0.16rem; + /* text-align: center; */ + width: 100%; + display: flex; + align-items: center; + letter-spacing: 1.3px; + justify-content: center; +} +.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: 100%; + max-width: 1.18rem; +} +.swiper-container-texts-img img { + width: 100%; + max-width: 1.18rem; +} +.swiper-slide-t { + font-size: 0.2rem; + text-align: center; + color: #fff; +} +.swiper-slide-p { + font-size: 0.16rem; + color: #cbcfd8; + text-align: center; + margin-top: 0.18rem; +} diff --git a/public/static/index/mobile/css/topic_laptop/tabs.css b/public/static/index/mobile/css/topic_laptop/tabs.css new file mode 100644 index 00000000..e8abf100 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/tabs.css @@ -0,0 +1,105 @@ +.tabs-container { + width: 6.03rem; + margin: 0 auto; +} +.tabs-header-box { + width: 100%; + display: flex; + justify-content: center; + margin-top: 0.48rem; +} +.tabs-header { + display: inline-flex; + /* 改为inline-flex，宽度由子元素决定 */ + position: relative; + border-bottom: 1px solid #cbcfd8; + margin: 0 auto; + width: 1.75rem; + display: flex; +} + +.tab-item { + /* padding: 12px 24px; */ + font-size: 0.18rem; + cursor: pointer; + transition: color 0.2s ease; + white-space: nowrap; + color: #cbcfd8; + flex: 1; + text-align: center; +} + +.tab-item { + margin-bottom: 0.08rem; +} + +.tab-indicator { + position: absolute; + bottom: 0; + height: 2px; + background-color: #fff; + transform: translateX(0); + width: 0.87rem; + transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), + width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); + will-change: transform, width; + backface-visibility: hidden; + perspective: 1000px; +} + +.tab-content { + width: 6.03rem; + width: 6.03rem; + /* min-width: 1280px; */ + margin: 0 auto; +} + +.content-video { + max-width: 100%; + height: auto; + border-radius: 8px; +} +.tabs-p { + width: 100%; + font-size: 0.18rem; + color: #cbcfd8; + text-align: center; + margin-top: 0.48rem; + display: none; +} +.tabs-p.active { + display: block; +} +.tab-panel { + display: none; +} +.tab-panel-img { + background: #1c1c1e; + width: 5.77rem; + overflow: hidden; + display: flex; + justify-content: flex-end; + border-radius: 0.16rem; +} +.tab-panel-img img { + width: 5.77rem; +} +.tab-panel.active { + display: block; +} +.tab-t { + font-size: 0.36rem; + color: #cbcfd8; + width: 100%; + text-align: center; + margin-top: 1.5rem; + margin-bottom: 0.7rem; + display: none; +} +.tab-t.active { + display: block; +} +/* .tab-ts { + margin-top: 2.97rem; + margin-bottom: 1rem; +} */ diff --git a/public/static/index/mobile/css/topic_laptop/wift.css b/public/static/index/mobile/css/topic_laptop/wift.css new file mode 100644 index 00000000..5bcccd45 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/wift.css @@ -0,0 +1,37 @@ +.wifi { + position: relative; + width: 100%; + aspect-ratio: 750/595; + margin-top: 3.45rem; +} +.wifi-texts { + position: absolute; + top: -2.3rem; + left: 0.42rem; + width: 100%; +} +.wifi-t { + width: 100%; + font-size: 0.36rem; + color: #fff; + line-height: 1.5; +} +.wifi-p { + font-size: 0.18rem; + color: #cbcfd8; + padding-top: 0.37rem; + line-height: 1.4; + font-family: 'HarmonyOS-Light'; +} +.wifi-img { + width: 100%; + position: absolute; + bottom: -0.22rem; + display: flex; + justify-content: center; + gap: 0.1rem; +} +.wifi-img img { + width: 3.35rem; + display: block; +} diff --git a/public/static/index/mobile/css/topic_laptop/window.css b/public/static/index/mobile/css/topic_laptop/window.css new file mode 100644 index 00000000..d843f6de --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/window.css @@ -0,0 +1,9 @@ +.window { + width: 100%; + display: flex; + justify-content: center; + margin-top: 1.5rem; +} +.window img { + width: 6.8rem; +} diff --git a/public/static/index/mobile/css/topic_laptop/xn.css b/public/static/index/mobile/css/topic_laptop/xn.css new file mode 100644 index 00000000..1308315e --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/xn.css @@ -0,0 +1,52 @@ +.xn-container { + width: 6.8rem; + margin: 0 auto; + box-sizing: border-box; +} + +/* 图片容器样式（核心） */ +.xn-image-section { + overflow: hidden; + border-radius: 0.16rem; + background: #0d0c10; + border: 1px solid #3f3f45; + width: 6.8rem; +} + +.zoom-image { + width: 100%; + height: auto; + display: block; + /* 调整transform过渡时间为2s，opacity为1.5s，可按需修改 */ + transition: transform 2s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.5s ease; + transform: scale(0.8); + /* 初始缩放比例 */ + opacity: 0.9; + /* 初始透明度（略暗，放大后变亮） */ +} + +/* 滚动触发后的放大状态 */ +.zoom-image.active { + transform: scale(1.1); + /* 放大5%（官网常用比例，不夸张） */ + opacity: 1; +} +.xn-t { + font-size: 0.36rem; + color: #fff; + text-align: center; + margin-top: 1.5rem; + margin-bottom: 0.6rem; +} +.xn-p { + width: 6.8rem; + padding-top: 0.6rem; + padding-left: 0.11rem; + font-size: 0.16rem; + margin: 0 auto; +} +.xn-p p { + color: #cbcfd8; + text-align: left; + line-height: 1.5; +} diff --git a/public/static/index/mobile/css/topic_laptop/zoom.css b/public/static/index/mobile/css/topic_laptop/zoom.css new file mode 100644 index 00000000..842070cc --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/zoom.css @@ -0,0 +1,123 @@ +/* 图片容器：100vw宽，最小宽度1440px，按图片原始比例（2560:1857）定高 */ +.zoom-container { + width: 7.5rem; + height: 6.05rem; + position: relative; +} + +/* 图片包裹层：与容器同尺寸，定位参考系，承接缩放变换 */ +.img-wrapper { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; + /* z-index: -10; */ +} + +/* 图片：按原始比例填充包裹层，不裁切，初始放大+过渡动画 */ +.bg-img { + width: 7.5rem; + height: 6.05rem; + display: block; + transform: scale(1.5); + transition: transform 1.8s ease; + transform-origin: center center; +} + +/* 图片缩小后的状态 */ +.bg-img.zoom-out { + transform: scale(1); +} + +/* 标注样式：关键修正 - 基于容器绝对定位，百分比参考图片原始比例 */ +.annotation { + position: absolute; + color: #48494d; + font-size: calc(12px + 0.3vw); + opacity: 0; + transform: translateY(calc(10px + 0.5vw)); + transition: opacity 0.8s ease, transform 0.8s ease; + pointer-events: none; + z-index: 10; + white-space: nowrap; + /* 关键：标注的定位参考系是容器（与图片同比例），而非缩放后的图片 */ + top: 0; + left: 0; + /* 重置默认值，依赖内联style的百分比定位 */ +} + +/* 标注显示状态 */ +.annotation.anno-show { + opacity: 1; + transform: translateY(0); +} + +.annotation span { + position: relative; + display: inline-block; + /* 确保文字居中对齐 */ + text-align: center; +} + +/* 标注线条样式：基于文字定位，适配缩放 */ +.annotation span::before { + content: ''; + position: absolute; + left: 50%; + transform: translateX(-50%); + width: 0.01rem; + height: 0; + bottom: calc(100% + 6px); + background-color: #48494d; + transition: height 0.8s ease; + transform-origin: bottom center; +} +/* 向上延伸的标注线条（给需要向上的.annotation加anno-up类） */ +.annotation.anno-up span::before { + /* 把线条位置从文字下方，改成文字上方 */ + bottom: auto; + top: 0.3rem; /* 定位到文字顶部外 */ + /* 线条方向改为向上延伸 */ + transform-origin: top center; +} +.annotation.anno-up1 span::before { + /* 把线条位置从文字下方，改成文字上方 */ + bottom: auto; + top: 0.5rem; /* 定位到文字顶部外 */ + /* 线条方向改为向上延伸 */ + transform-origin: top center; +} +/* 标注显示时，设置线条最终高度 */ +.annotation.anno-show span::before { + height: 0.57rem; + /* 最终高度（vw单位） */ +} + +.zoom-t { + width: 100%; + text-align: center; + font-size: 0.36rem; + color: #fff; + padding-top: 1.5rem; +} +.zoom-p { + width: 100%; + text-align: center; + font-size: 0.18rem; + color: #cbcfd8; + position: absolute; + top: 0.37rem; + z-index: 10; + line-height: 1.5; + font-family: 'HarmonyOS-Light'; +} + +/* 标注延迟类 */ +.anno-delay-1 { + transition-delay: 0.8s; +} +.anno-delay-1 span::before { + transition-delay: 0.8s; +} diff --git a/public/static/index/mobile/images/topic_laptop/amd-l-1-1.png b/public/static/index/mobile/images/topic_laptop/amd-l-1-1.png new file mode 100644 index 00000000..fc3b3519 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd-l-1-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/amd-l-1-2.png b/public/static/index/mobile/images/topic_laptop/amd-l-1-2.png new file mode 100644 index 00000000..b1108027 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd-l-1-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/amd-l-1-3.png b/public/static/index/mobile/images/topic_laptop/amd-l-1-3.png new file mode 100644 index 00000000..21a36836 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd-l-1-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/amd-l-1-4.png b/public/static/index/mobile/images/topic_laptop/amd-l-1-4.png new file mode 100644 index 00000000..e72c6c95 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd-l-1-4.png differ diff --git a/public/static/index/mobile/images/topic_laptop/amd-r-1-1.png b/public/static/index/mobile/images/topic_laptop/amd-r-1-1.png new file mode 100644 index 00000000..894c9849 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd-r-1-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/amd-r-1-2.png b/public/static/index/mobile/images/topic_laptop/amd-r-1-2.png new file mode 100644 index 00000000..8e42efcf Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd-r-1-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/amd-r-1-3.png b/public/static/index/mobile/images/topic_laptop/amd-r-1-3.png new file mode 100644 index 00000000..601d39dd Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd-r-1-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/amd-r-1-4.png b/public/static/index/mobile/images/topic_laptop/amd-r-1-4.png new file mode 100644 index 00000000..251de089 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd-r-1-4.png differ diff --git a/public/static/index/mobile/images/topic_laptop/amd1.png b/public/static/index/mobile/images/topic_laptop/amd1.png new file mode 100644 index 00000000..e4434a4f Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/amd10.png b/public/static/index/mobile/images/topic_laptop/amd10.png new file mode 100644 index 00000000..fe1b5ef8 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/amd10.png differ diff --git a/public/static/index/mobile/images/topic_laptop/banner.png b/public/static/index/mobile/images/topic_laptop/banner.png new file mode 100644 index 00000000..5a3645c6 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/banner.png differ diff --git a/public/static/index/mobile/images/topic_laptop/cpu-1.png b/public/static/index/mobile/images/topic_laptop/cpu-1.png new file mode 100644 index 00000000..2ffb38f6 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/cpu-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/cpu-2.png b/public/static/index/mobile/images/topic_laptop/cpu-2.png new file mode 100644 index 00000000..ff5691a3 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/cpu-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/cpu-3.png b/public/static/index/mobile/images/topic_laptop/cpu-3.png new file mode 100644 index 00000000..62351e37 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/cpu-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/cpu.png b/public/static/index/mobile/images/topic_laptop/cpu.png new file mode 100644 index 00000000..8ef887ca Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/cpu.png differ diff --git a/public/static/index/mobile/images/topic_laptop/endurance-img-1.png b/public/static/index/mobile/images/topic_laptop/endurance-img-1.png new file mode 100644 index 00000000..a3360785 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/endurance-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/endurance-img-2.png b/public/static/index/mobile/images/topic_laptop/endurance-img-2.png new file mode 100644 index 00000000..b2c7043b Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/endurance-img-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/endurance-img-3.png b/public/static/index/mobile/images/topic_laptop/endurance-img-3.png new file mode 100644 index 00000000..cff59a65 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/endurance-img-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/footer-img-1.png b/public/static/index/mobile/images/topic_laptop/footer-img-1.png new file mode 100644 index 00000000..31ee5289 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/footer-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/footer-img-2.png b/public/static/index/mobile/images/topic_laptop/footer-img-2.png new file mode 100644 index 00000000..fb461e20 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/footer-img-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/footer-img-3.png b/public/static/index/mobile/images/topic_laptop/footer-img-3.png new file mode 100644 index 00000000..6f4f0157 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/footer-img-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/footer-img-4.png b/public/static/index/mobile/images/topic_laptop/footer-img-4.png new file mode 100644 index 00000000..81179f48 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/footer-img-4.png differ diff --git a/public/static/index/mobile/images/topic_laptop/footer-img-5.png b/public/static/index/mobile/images/topic_laptop/footer-img-5.png new file mode 100644 index 00000000..7d696b2a Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/footer-img-5.png differ diff --git a/public/static/index/mobile/images/topic_laptop/footer-img-6.png b/public/static/index/mobile/images/topic_laptop/footer-img-6.png new file mode 100644 index 00000000..7787153a Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/footer-img-6.png differ diff --git a/public/static/index/mobile/images/topic_laptop/fs-img-1.png b/public/static/index/mobile/images/topic_laptop/fs-img-1.png new file mode 100644 index 00000000..641dd05a Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/fs-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/fs-img-2.png b/public/static/index/mobile/images/topic_laptop/fs-img-2.png new file mode 100644 index 00000000..511e9a99 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/fs-img-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/fs-img-3.png b/public/static/index/mobile/images/topic_laptop/fs-img-3.png new file mode 100644 index 00000000..10bfda8d Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/fs-img-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/gpu-amd.png b/public/static/index/mobile/images/topic_laptop/gpu-amd.png new file mode 100644 index 00000000..78e3bf32 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/gpu-amd.png differ diff --git a/public/static/index/mobile/images/topic_laptop/gpu-imgs-1.png b/public/static/index/mobile/images/topic_laptop/gpu-imgs-1.png new file mode 100644 index 00000000..9b460d1a Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/gpu-imgs-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/gpu-imgs-2.png b/public/static/index/mobile/images/topic_laptop/gpu-imgs-2.png new file mode 100644 index 00000000..83386d6c Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/gpu-imgs-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/gpu-imgs-3.png b/public/static/index/mobile/images/topic_laptop/gpu-imgs-3.png new file mode 100644 index 00000000..f14eb9ef Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/gpu-imgs-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/gpu-imgs-4.png b/public/static/index/mobile/images/topic_laptop/gpu-imgs-4.png new file mode 100644 index 00000000..a093d89c Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/gpu-imgs-4.png differ diff --git a/public/static/index/mobile/images/topic_laptop/gpu-main.png b/public/static/index/mobile/images/topic_laptop/gpu-main.png new file mode 100644 index 00000000..29d8377a Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/gpu-main.png differ diff --git a/public/static/index/mobile/images/topic_laptop/hk-img-1.png b/public/static/index/mobile/images/topic_laptop/hk-img-1.png new file mode 100644 index 00000000..6244db98 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/hk-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/hk-img-2.png b/public/static/index/mobile/images/topic_laptop/hk-img-2.png new file mode 100644 index 00000000..72bb3c7e Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/hk-img-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ips-img-1.png b/public/static/index/mobile/images/topic_laptop/ips-img-1.png new file mode 100644 index 00000000..a20a6cac Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ips-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ips-img-2.png b/public/static/index/mobile/images/topic_laptop/ips-img-2.png new file mode 100644 index 00000000..e5b31fec Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ips-img-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ips-img-3.png b/public/static/index/mobile/images/topic_laptop/ips-img-3.png new file mode 100644 index 00000000..ae6a74a3 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ips-img-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ips-img-4.png b/public/static/index/mobile/images/topic_laptop/ips-img-4.png new file mode 100644 index 00000000..70318828 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ips-img-4.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ips-img-5.png b/public/static/index/mobile/images/topic_laptop/ips-img-5.png new file mode 100644 index 00000000..026d8ac0 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ips-img-5.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ljgd.png b/public/static/index/mobile/images/topic_laptop/ljgd.png new file mode 100644 index 00000000..db8c2385 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ljgd.png differ diff --git a/public/static/index/mobile/images/topic_laptop/memory-1.png b/public/static/index/mobile/images/topic_laptop/memory-1.png new file mode 100644 index 00000000..bf642110 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/memory-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/memory-2.png b/public/static/index/mobile/images/topic_laptop/memory-2.png new file mode 100644 index 00000000..efc2b811 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/memory-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/qb-img-1.png b/public/static/index/mobile/images/topic_laptop/qb-img-1.png new file mode 100644 index 00000000..cda1430b Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/qb-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/rgb-img-1.png b/public/static/index/mobile/images/topic_laptop/rgb-img-1.png new file mode 100644 index 00000000..2e5a7610 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/rgb-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/rgb-img-2.png b/public/static/index/mobile/images/topic_laptop/rgb-img-2.png new file mode 100644 index 00000000..759a87f4 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/rgb-img-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/rgb-img-3.png b/public/static/index/mobile/images/topic_laptop/rgb-img-3.png new file mode 100644 index 00000000..9cc3e9b7 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/rgb-img-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/rgb-img-4.png b/public/static/index/mobile/images/topic_laptop/rgb-img-4.png new file mode 100644 index 00000000..8dda8900 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/rgb-img-4.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ssd-img-1.png b/public/static/index/mobile/images/topic_laptop/ssd-img-1.png new file mode 100644 index 00000000..0e5d7c30 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ssd-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ssd-img-2.png b/public/static/index/mobile/images/topic_laptop/ssd-img-2.png new file mode 100644 index 00000000..508d6bee Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ssd-img-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ssd-img-3.png b/public/static/index/mobile/images/topic_laptop/ssd-img-3.png new file mode 100644 index 00000000..61a75314 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ssd-img-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/ssd-img-4.png b/public/static/index/mobile/images/topic_laptop/ssd-img-4.png new file mode 100644 index 00000000..d861bb4f Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/ssd-img-4.png differ diff --git a/public/static/index/mobile/images/topic_laptop/tabs-img-1.png b/public/static/index/mobile/images/topic_laptop/tabs-img-1.png new file mode 100644 index 00000000..0da3f291 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/tabs-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/wifi-img-1.png b/public/static/index/mobile/images/topic_laptop/wifi-img-1.png new file mode 100644 index 00000000..90e3119d Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/wifi-img-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/wifi-img-2.png b/public/static/index/mobile/images/topic_laptop/wifi-img-2.png new file mode 100644 index 00000000..2885a1b1 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/wifi-img-2.png differ diff --git a/public/static/index/mobile/images/topic_laptop/wifi-img-3.png b/public/static/index/mobile/images/topic_laptop/wifi-img-3.png new file mode 100644 index 00000000..6ecf0fd8 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/wifi-img-3.png differ diff --git a/public/static/index/mobile/images/topic_laptop/windows-1.png b/public/static/index/mobile/images/topic_laptop/windows-1.png new file mode 100644 index 00000000..7e9260f3 Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/windows-1.png differ diff --git a/public/static/index/mobile/images/topic_laptop/zoom-img-1.png b/public/static/index/mobile/images/topic_laptop/zoom-img-1.png new file mode 100644 index 00000000..5fbae73b Binary files /dev/null and b/public/static/index/mobile/images/topic_laptop/zoom-img-1.png differ diff --git a/public/static/index/pc/css/topic_laptop/fs.css b/public/static/index/pc/css/topic_laptop/fs.css index 60c04e64..3abe7376 100644 --- a/public/static/index/pc/css/topic_laptop/fs.css +++ b/public/static/index/pc/css/topic_laptop/fs.css @@ -54,4 +54,23 @@ text-align: center; color:#cbcfd8; padding:0.4rem 0; -} \ No newline at end of file +}.dl { + width: 100%; + padding-top: 0.71rem; +} +.dl-t { + color: #fff; + font-size: 0.63rem; + width: 100%; + text-align: center; +} +.dl-p { + color: #cbcfd8; + font-size: clamp(16px, 1vw, 0.22rem); + width: 100%; + text-align: center; + padding-top: 0.43rem; + /* padding-bottom: 0.37rem; */ + line-height: 1.8; + font-family: "HarmonyOS-Light"; +}