diff --git a/app/index/view/pc/topic_laptop/index.html b/app/index/view/pc/topic_laptop/index.html index 89d6138f..e453835d 100644 --- a/app/index/view/pc/topic_laptop/index.html +++ b/app/index/view/pc/topic_laptop/index.html @@ -55,13 +55,32 @@ {block name="main"} {notempty name="data.top_focus_images"}
-
- {volist name="data.top_focus_images" id="tfi"} - - {$tfi.title} - - {/volist} -
+ {eq name=":cookie('think_lang')" value="en-us"} +
+ {volist name="data.top_focus_images" id="tfi"} + + {$tfi.title} + + {/volist} +
+ {else/} +
+ {volist name="data.top_focus_images" id="tfi"} +
+
{$tfi.title}
+
{$tfi.desc||raw|htmlspecialchars_decode}
+
+ + + +
+
+ + {$tfi.title} + + {/volist} +
+ {/eq}
{/notempty} {notempty name="data.perf"} @@ -195,7 +214,7 @@ {/eq} - +
{volist name="data.gpu" id="go"} @@ -256,18 +275,22 @@
{notempty name="data.ram"}
-
{$data.ram.title|raw}
+
-
- {eq name=":cookie('think_lang')" value="en-us"} -
{$data.ram.short_title|raw}
- {else/} -
{$data.ram.short_title|raw}
- {/eq} +
+
{$data.ram.title|raw}
+
+ {eq name=":cookie('think_lang')" value="en-us"} +
{$data.ram.short_title|raw}
+ {else/} +
{$data.ram.short_title|raw}
+ {/eq} +
{$data.ram.desc|raw}
+
{/notempty} @@ -288,14 +311,15 @@
{/notempty} -{notempty name="data.cooling_system"} -{notempty name="$data.cooling_system.0"} -
-
{$data.cooling_system.0.title|raw}
-

{$data.cooling_system.0.short_title|raw}

-
-{/notempty} +
+ {notempty name="data.cooling_system"} + {notempty name="$data.cooling_system.0"} +
+
{$data.cooling_system.0.title|raw}
+

{$data.cooling_system.0.short_title|raw}

+
+ {/notempty}
{notempty name="data.cooling_system.0"} diff --git a/app/index/view/pc/topic_laptop/index1.html b/app/index/view/pc/topic_laptop/index1.html new file mode 100644 index 00000000..56b3e22e --- /dev/null +++ b/app/index/view/pc/topic_laptop/index1.html @@ -0,0 +1,1443 @@ +{extend name="public/base" /} +{block name="style"} + + + + + + + + + + + + + + + + + + + + + + + + + + + + +{/block} +{block name="main"} +{notempty name="data.top_focus_images"} +
+
+ {volist name="data.top_focus_images" id="tfi"} + + {$tfi.title} + + {/volist} +
+
+{/notempty} +{notempty name="data.perf"} +
+
+
+ {notempty name="data.perf.0"}{$data.perf.0.title}{/notempty} +
+
+
{notempty name="data.perf.1"}{$data.perf.1.title}{/notempty}
+
{notempty name="data.perf.2"}{$data.perf.2.title}{/notempty}
+
+
+
+ {notempty name="data.perf.3"}{$data.perf.3.title}{/notempty} +
+
+
+ {notempty name="data.perf.4"}{$data.perf.4.title}{/notempty} +
+ +
+ {notempty name="data.perf.5"}{$data.perf.5.title}{/notempty} +
+
+
+
+ {notempty name="data.perf.6"}{$data.perf.6.title}{/notempty} +
+
+ {notempty name="data.perf.7"}{$data.perf.7.title}{/notempty} + {notempty name="data.perf.8"}{$data.perf.8.title}{/notempty} +
+
+ {notempty name="data.perf.9"}{$data.perf.9.title}{/notempty} +
+
+
+{/notempty} +{notempty name="data.cpu"} +{assign name="cpu_first_section" value=":array_shift($data.cpu)" /} +
+
+
{$cpu_first_section.title|default=''}
+

{$cpu_first_section.short_title|default=''}

+
+
+ {volist name="data.cpu" id="co"} + {$co.title} + {/volist} +
+
+
+ {$cpu_first_section.desc|default=''|raw} +
+{/notempty} +
+
{:lang_i18n('CineBench R23 多核跑分')}
+
+
+
+
+
+
+
+
+ Ryzen7 7735HS: + 13766 +
+
+
+
+
+
+
+
+
+ Ryzen5 7640HS: + 12950 +
+
+
+
+
+
+
+
+
+ {:lang_i18n('锐龙9 6900HX')}: + 13183 +
+
+
+
+
+
+
+
+
+ {:lang_i18n('酷睿i5-12450H')}: + 10200 +
+
+
+
+
+
+
+
+
+ Ryzen5 6600H: + 10297 +
+
+
+
{:lang_i18n('*此跑分为ORICO实验室测定所得，请以实际使用为准')}
+
+{notempty name="data.gpu"} +{assign name="gpu_first_section" value=":array_shift($data.gpu)"/} +
+
+
{$gpu_first_section.title|default=''|raw}
+ {eq name=":cookie('think_lang')" value="en-us"} +
{$gpu_first_section.short_title|default=''|raw}
+
+ +
+ {else/} +
{$gpu_first_section.short_title|default=''|raw}
+
+ +
+ {/eq} + +
+
+ {volist name="data.gpu" id="go"} + + {/volist} +
+
+{/notempty} +
+
{:lang_i18n('3DMARK Time Spy显卡得分')}
+
+
+
+
+
+
+
+
+ Ryzen7 7735HS: + 1700 +
+
+
+
+
+
+
+
+
+ NVIDIA GTX 750: + 1000 +
+
+
+
+
+
+
+
+
+ i7-13620H: + 1000 +
+
+
+
+
+
+
+
+
+ Ryzen5 6600H: + 950 +
+
+
+
{:lang_i18n('*此跑分为ORICO实验室测定所得，请以实际使用为准')}
+
+{notempty name="data.ram"} +
+ +
+
+
{$data.ram.title|raw}
+
+ {eq name=":cookie('think_lang')" value="en-us"} +
{$data.ram.short_title|raw}
+ {else/} +
{$data.ram.short_title|raw}
+ {/eq} +
+
+
+ {$data.ram.desc|raw} +
+ +
+
+{/notempty} +{notempty name="data.hard_drive"} +
+ {assign name="hard_drive_first" value=":array_shift($data.hard_drive)"/} +
+ {eq name=":cookie('think_lang')" value="en-us"} +
{$hard_drive_first.title|default=''|raw}
+ {else/} +
{$hard_drive_first.title|default=''|raw}
+ {/eq} +
+ {volist name="data.hard_drive" id="ho"} + + {/volist} +
+
+
+{/notempty} + +
+ {notempty name="data.cooling_system"} + {notempty name="$data.cooling_system.0"} +
+
{$data.cooling_system.0.title|raw}
+

{$data.cooling_system.0.short_title|raw}

+
+ {/notempty} +
+ {notempty name="data.cooling_system.0"} + + +
{$data.cooling_system.0.desc|raw}
+ {/notempty} +
+
+ {notempty name="data.cooling_system.1"}{/notempty} + {notempty name="data.cooling_system.2"}{/notempty} +
+
+ {notempty name="data.cooling_system.3"}{/notempty} +
+
+
+
+{/notempty} +{notempty name="data.apps"} +
+
{$data.apps.title|default=''}
+
+
+ +
+
+
{$data.apps.desc|default=''|raw}
+
+{/notempty} +{notempty name="data.screen_soft_light"} +{assign name="soft_light_first" value=":array_shift($data.screen_soft_light)"/} +
+
+ {notempty name="soft_light_first"} +
{$soft_light_first.title|raw}
+
{$soft_light_first.short_title|raw}
+ {/notempty} + + + {eq name=":cookie('think_lang')" value="en-us"} +
+ {volist name="data.screen_soft_light" id="so"} + + {/volist} +
+ {else/} +
+ {volist name="data.screen_soft_light" id="so"} + + {/volist} +
+ {/eq} + + +
+
+{/notempty} +{notempty name="data.screen_color_gamut"} +{assign name="color_gamut_first" value=":array_shift($data.screen_color_gamut)"/} +
+ {notempty name="color_gamut_first"} +
+
{$color_gamut_first.title|raw}
+
{$color_gamut_first.short_title|raw}
+
+ {/notempty} +
+ {volist name="data.screen_color_gamut" id="so"} + + {/volist} +
+
+{/notempty} +{notempty name="data.screen_anti_glare"} +
+ {assign name="anti_glare_first" value=":array_shift($data.screen_anti_glare)"/} + {notempty name="anti_glare_first"} +
+
{$anti_glare_first.title|raw}
+
{$anti_glare_first.short_title|raw}
+
+ {/notempty} +
+ {assign name="anti_glare_left" value=":array_shift($data.screen_anti_glare)"/} + +
+ {assign name="anti_glare_right" value=":array_shift($data.screen_anti_glare)"/} + +
+ +
+
+{/notempty} +{notempty name="data.exterior_texture"} +
+
+ {assign name="exterior_texture_first" value=":array_shift($data.exterior_texture)"/} +
{$exterior_texture_first.title|default=''|raw}
+
{$exterior_texture_first.short_title|default=''|raw}
+
+
+ {volist name="data.exterior_texture" id="eo"} + + {$eo.title} + + {/volist} +
+
+
+
+{/notempty} +{notempty name="data.network_card"} +{assign name="netword_card_first" value=":array_shift($data.network_card)"/} +
+
+
{$netword_card_first.title|default=''|raw}
+
{$netword_card_first.short_title|default=''|raw}
+
+
+ {volist name="data.network_card" id="no"} + + {/volist} +
+
+{/notempty} +{notempty name="data.battery_life"} +{assign name="battery_life_first" value=":array_shift($data.battery_life)"/} +
+
+
{$battery_life_first.title|default=''|raw}
+
{$battery_life_first.short_title|default=''|raw}
+
+
+ {volist name="data.battery_life" id="bo"} + + {/volist} +
+
{$battery_life_first.desc|default=''|raw}
+
+{/notempty} +
+
+
{:lang_i18n("接口大满贯")}
+

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

+
+
+ 接口图 +
+
{:lang_i18n('肯辛通锁孔')}
+
{:lang_i18n('千兆网口')}
+
{:lang_i18n('USB-A
(5Gbps)')}
+
{:lang_i18n('USB-A
(480Mbps)')}
+
{:lang_i18n('3.5mm
耳麦合一')}
+
{:lang_i18n('TF口3.0')}
+
{:lang_i18n('USB-A
(5Gbps)')}
+
{:lang_i18n('USB-C
(5Gbps)')}
+
{:lang_i18n('HDMI')}
+
{:lang_i18n('全功能
USB-C')}
+
+{notempty name="data.scene_focus_images"} +
+
+
+ 左箭头 +
+
+
+ {volist name="data.scene_focus_images" id="so"} + {$so.title} + {/volist} +
+
+
+ 右箭头 +
+
+
+ {volist name="data.scene_focus_images" id="so"} +
+ {eq name=":cookie('think_lang')" value="en-us"} +
{$so.title}
+
{$so.short_title}
+ {else/} +
{$so.title}
+
{$so.short_title}
+ {/eq} +
+ {/volist} +
+
+{/notempty} +{notempty name="data.camare_microphone_security"} +{assign name="camare_microphone" value=":array_shift($data.camare_microphone_security)"/} +{assign name="security" value=":array_shift($data.camare_microphone_security)"/} +
+
{$camare_microphone.title|default=''}
+
{$security.title|default=''}
+
+ {notempty name="camare_microphone"} +
+
+ {$camare_microphone.title} +
+
+ {/notempty} + {notempty name="security"} +
+ +
+ {/notempty} +
+
+
+ {notempty name="camare_microphone"}
{$camare_microphone.short_title|default=''}
{/notempty} + {notempty name="security"}
{$security.short_title|default=''}
{/notempty} +
+
+
+ {notempty name="camare_microphone"} +
{$camare_microphone.desc|default=''|raw}
+ {/notempty} + {notempty name="security"} +
{$security.desc|default=''|raw}
+ {/notempty} +
+{/notempty} +{notempty name="data.unified_preinstall"} +
+{/notempty} +{notempty name="data.product_testing"} +
+
+ {volist name="data.product_testing" id="po"} + {$po.title} + {/volist} +
+
+{/notempty} +{notempty name="data.webpage_footnotes"} +
+ {eq name=":cookie('think_lang')" value="en-us"} +
{$data.webpage_footnotes.desc|raw|htmlspecialchars_decode}
+ {else/} +
{$data.webpage_footnotes.desc|raw|htmlspecialchars_decode}
+ {/eq} +
+{/notempty} +{/block} +{block name="script"} + + +{/block} diff --git a/public/static/index/pc/css/topic_laptop/45w.css b/public/static/index/pc/css/topic_laptop/45w.css index 9c9b6928..df83c6dc 100644 --- a/public/static/index/pc/css/topic_laptop/45w.css +++ b/public/static/index/pc/css/topic_laptop/45w.css @@ -1,9 +1,9 @@ .dl { width: 100%; - padding-top: 1.89rem; + padding-top: 0.71rem; } .dl-t { - color: #cbcfd8; + color: #fff; font-size: 0.63rem; width: 100%; text-align: center; @@ -13,8 +13,8 @@ font-size: clamp(16px, 1vw, 0.22rem); width: 100%; text-align: center; - padding-top: 0.63rem; - padding-bottom: 0.37rem; + padding-top: 0.43rem; + /* padding-bottom: 0.37rem; */ line-height: 1.8; font-family: "HarmonyOS-Light"; } diff --git a/public/static/index/pc/css/topic_laptop/amd.css b/public/static/index/pc/css/topic_laptop/amd.css index 5afcca58..8baabe27 100644 --- a/public/static/index/pc/css/topic_laptop/amd.css +++ b/public/static/index/pc/css/topic_laptop/amd.css @@ -5,7 +5,7 @@ max-width: 14.4rem; /* min-width: 1280px; */ margin: 0 auto; - margin-top:-2rem; + /* margin-top:-3.5rem; */ } diff --git a/public/static/index/pc/css/topic_laptop/bly.css b/public/static/index/pc/css/topic_laptop/bly.css index e80ca83a..d4631ca2 100644 --- a/public/static/index/pc/css/topic_laptop/bly.css +++ b/public/static/index/pc/css/topic_laptop/bly.css @@ -5,7 +5,7 @@ margin: 0 auto; aspect-ratio: 1437/679; /* max-height: 6.97rem; */ - padding-top:5.43rem; + padding-top:4.41rem; } .bly .ba-slider .handle:after { @@ -34,7 +34,7 @@ } .bly-t { font-size: 0.63rem; - color: #cbcfd8; + color: #fff; text-align: center; width: 100%; } @@ -43,7 +43,7 @@ color: #cbcfd8; text-align: center; width: 100%; - padding-top: 0.51rem; - padding-bottom: 1.65rem; + padding-top: 0.43rem; + padding-bottom: 1rem; font-family: "HarmonyOS-Light"; } diff --git a/public/static/index/pc/css/topic_laptop/index.css b/public/static/index/pc/css/topic_laptop/index.css index 159bf5e7..e8c5fe02 100644 --- a/public/static/index/pc/css/topic_laptop/index.css +++ b/public/static/index/pc/css/topic_laptop/index.css @@ -41,3 +41,8 @@ body { /* [data-order="19"] { 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; /* 防止元素翻转时的闪烁 */ +} \ No newline at end of file diff --git a/public/static/index/pc/css/topic_laptop/ips.css b/public/static/index/pc/css/topic_laptop/ips.css index 8abb12a8..41815d31 100644 --- a/public/static/index/pc/css/topic_laptop/ips.css +++ b/public/static/index/pc/css/topic_laptop/ips.css @@ -6,7 +6,7 @@ background-repeat: no-repeat; background-size: 100% auto; 宽度铺满，高度自动 */ min-width: 1280px; - margin-top: 2.69rem; + /* margin-top: 2.69rem; */ } .ips-text { color: #cbcfd8; @@ -17,6 +17,7 @@ width: 100%; } .ips-t { + color: #fff; font-size: 0.63rem; padding-top:3.9rem; padding-left: 5.63rem; diff --git a/public/static/index/pc/css/topic_laptop/jk.css b/public/static/index/pc/css/topic_laptop/jk.css index e42110a4..954dcd8b 100644 --- a/public/static/index/pc/css/topic_laptop/jk.css +++ b/public/static/index/pc/css/topic_laptop/jk.css @@ -86,21 +86,21 @@ /* 最终高度（vw单位） */ } .zoom-text { - padding-top: 1.68rem; + padding-top: 3rem; padding-bottom: 2rem; } .zoom-text div{ width: 100%; text-align: center; font-size:0.63rem; - color:#CBCFD8 + color:#fff } .zoom-text p{ width: 100%; text-align: center; font-size:clamp(16px,1vw,0.22rem); color:#cbcfd8; - padding-top: 0.55rem; + padding-top: 0.43rem; font-family: "HarmonyOS-Light"; } /* 响应式适配：1280px以下固定尺寸 */ diff --git a/public/static/index/pc/css/topic_laptop/lb.css b/public/static/index/pc/css/topic_laptop/lb.css index e949ee22..7e28a541 100644 --- a/public/static/index/pc/css/topic_laptop/lb.css +++ b/public/static/index/pc/css/topic_laptop/lb.css @@ -1,4 +1,9 @@ +/* .lb { + position: relative; + width: 100%; + height: 100%; +} */ /* 外层容器：完全保留你的REM样式 */ .carousel-wrapper { width: 100%; diff --git a/public/static/index/pc/css/topic_laptop/m2.css b/public/static/index/pc/css/topic_laptop/m2.css index 78955067..df71aeec 100644 --- a/public/static/index/pc/css/topic_laptop/m2.css +++ b/public/static/index/pc/css/topic_laptop/m2.css @@ -12,7 +12,7 @@ } .m2-bg-t { font-size: 0.63rem; - color: #cbcfd8; + color: #fff; width: 100%; text-align: center; padding-top: 1.78rem; @@ -20,7 +20,7 @@ } .m2-bg-t1 { font-size: 0.36rem; - color: #cbcfd8; + color: #fff; width: 100%; text-align: center; padding-top: 1.78rem; diff --git a/public/static/index/pc/css/topic_laptop/progress.css b/public/static/index/pc/css/topic_laptop/progress.css index a0a1c7db..24d43300 100644 --- a/public/static/index/pc/css/topic_laptop/progress.css +++ b/public/static/index/pc/css/topic_laptop/progress.css @@ -11,7 +11,7 @@ } .progress-title { font-size: 0.48rem; - color: #cbcfd8; + color: #fff; padding: 2.13rem 0 0.78rem 0; font-family: "HarmonyOS-Medium"; } @@ -197,6 +197,6 @@ color: #cbcfd8; font-size: clamp(16px, 1vw, 0.22rem); margin-top: 1.56rem; - margin-bottom: 3.93rem; + /* margin-bottom: 2.3rem; */ text-align: center; } \ No newline at end of file diff --git a/public/static/index/pc/css/topic_laptop/progress2.css b/public/static/index/pc/css/topic_laptop/progress2.css new file mode 100644 index 00000000..01d76eb5 --- /dev/null +++ b/public/static/index/pc/css/topic_laptop/progress2.css @@ -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; +} \ No newline at end of file diff --git a/public/static/index/pc/css/topic_laptop/qb.css b/public/static/index/pc/css/topic_laptop/qb.css index 14280497..21abb5bc 100644 --- a/public/static/index/pc/css/topic_laptop/qb.css +++ b/public/static/index/pc/css/topic_laptop/qb.css @@ -1,18 +1,21 @@ -/* .qb .auto-swiper-container { - background: none; +/* .qb { + position: absolute; + top:3rem; + left: 50%; + transform: translateX(-50%); } */ .qb-t { width: 100%; font-size: 0.63rem; - color: #cbcfd8; + color: #fff; text-align: center; - padding-top: 4.52rem; + padding-top: 3rem; } .qb-p { font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; - padding-top: 0.54rem; + padding-top: 0.43rem; padding-bottom: 0.56rem; font-family: "HarmonyOS-Light"; } diff --git a/public/static/index/pc/css/topic_laptop/readon.css b/public/static/index/pc/css/topic_laptop/readon.css index 40452633..2b98204b 100644 --- a/public/static/index/pc/css/topic_laptop/readon.css +++ b/public/static/index/pc/css/topic_laptop/readon.css @@ -15,7 +15,7 @@ margin: 0 auto; } .readon-t { - color: #cbcfd8; + color: #fff; font-size: 0.68rem; /* line-height: 1.4; */ /* padding-top: 1.01rem; diff --git a/public/static/index/pc/css/topic_laptop/rgb.css b/public/static/index/pc/css/topic_laptop/rgb.css index e2431a5f..2296a707 100644 --- a/public/static/index/pc/css/topic_laptop/rgb.css +++ b/public/static/index/pc/css/topic_laptop/rgb.css @@ -1,7 +1,7 @@ .rgb { position: relative; width: 100%; - aspect-ratio: 2560/1440; /* 2560/1440=16/9，核心比例约束 */ + aspect-ratio: 7680/2889; /* 2560/1440=16/9，核心比例约束 */ /* background: url('../img/rgb.png'); background-repeat: no-repeat; background-size: 100% auto; */ @@ -10,7 +10,7 @@ } .rgb-text { position: absolute; - top: -50px; + top: -1rem; width: 100%; display: flex; flex-direction: column; @@ -19,14 +19,14 @@ .rgb-t { width: 100%; font-size: 0.63rem; - color: #cbcfd8; + color: #fff; text-align: center; } .rgb-p { font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; - padding-top: 0.73rem; + padding-top: 0.43rem; line-height: 1.8; font-family: "HarmonyOS-Light"; } diff --git a/public/static/index/pc/css/topic_laptop/swiper.css b/public/static/index/pc/css/topic_laptop/swiper.css index 51e17af4..fb2bf64e 100644 --- a/public/static/index/pc/css/topic_laptop/swiper.css +++ b/public/static/index/pc/css/topic_laptop/swiper.css @@ -7,7 +7,7 @@ min-height: 300px; */ overflow: hidden; position: relative; - z-index: -1; + z-index: 1; } /* 轮播项 - 填充容器高度 */ @@ -27,3 +27,49 @@ /* object-fit: contain; 可选：完整显示图片，不裁剪（可能留黑边） */ 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; +} \ No newline at end of file diff --git a/public/static/index/pc/css/topic_laptop/th.css b/public/static/index/pc/css/topic_laptop/th.css index 75670974..ff3cecf1 100644 --- a/public/static/index/pc/css/topic_laptop/th.css +++ b/public/static/index/pc/css/topic_laptop/th.css @@ -83,7 +83,7 @@ font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; - margin-top: 1rem; + margin-top:0.7rem; display: none; } .tabs-p.active { @@ -95,11 +95,20 @@ .tab-panel-img { background:#1c1c1e ; width: 100%; + max-width: 14.4rem; + max-height: 7rem; + overflow: hidden; display: flex; justify-content: flex-end; - padding-top: 0.8rem; + padding-top: 0.7rem; border-radius: 0.16rem; } +.tab-panel-img img { + width: 100%; + + max-width: 13.7rem; + height: 100%; +} .tab-panel.active { display: block; } @@ -108,8 +117,8 @@ color: #cbcfd8; width: 100%; text-align: center; - margin-top: 2.97rem; - margin-bottom: 1rem; + margin-top: 3rem; + margin-bottom: 0.7rem; display: none; } .tab-t.active { diff --git a/public/static/index/pc/css/topic_laptop/wift.css b/public/static/index/pc/css/topic_laptop/wift.css index 15cf7d5b..cae4f2ba 100644 --- a/public/static/index/pc/css/topic_laptop/wift.css +++ b/public/static/index/pc/css/topic_laptop/wift.css @@ -2,12 +2,22 @@ .wift-bg { position: relative; 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-repeat: no-repeat; background-size: 100% auto; */ 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 { font-size: 0.5rem; @@ -20,7 +30,7 @@ color: #cbcfd8; width: 100%; text-align: center; - padding-top: 0.73rem; + padding-top: 0.43rem; line-height: 1.8; font-family: "HarmonyOS-Light"; } @@ -47,9 +57,10 @@ } .wift-t { width: 100%; - color: #cbcfd8; + color: #fff; text-align: center; - margin-top: 2.95rem; + /* margin-top: 2.95rem; */ + /* padding-top: 2.95rem; */ font-size: 0.72rem; } .wift-t div:nth-child(1) { diff --git a/public/static/index/pc/css/topic_laptop/wift6.css b/public/static/index/pc/css/topic_laptop/wift6.css index 002b9230..bbb5190d 100644 --- a/public/static/index/pc/css/topic_laptop/wift6.css +++ b/public/static/index/pc/css/topic_laptop/wift6.css @@ -6,11 +6,11 @@ background-repeat: no-repeat; background-size: 100% auto; */ min-width: 1280px; - margin-top: 2.45rem; + margin-top: 3.5rem; } .wift6-text { position: absolute; - top: -50px; + top: -0.3rem; width: 100%; display: flex; flex-direction: column; @@ -19,14 +19,14 @@ .wift6-t { width: 100%; font-size: 0.63rem; - color: #cbcfd8; + color: #fff; text-align: center; } .wift6-p { font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; - padding-top: 0.74rem; + padding-top: 0.43rem; line-height: 1.8; font-family: "HarmonyOS-Light"; } diff --git a/public/static/index/pc/css/topic_laptop/windows.css b/public/static/index/pc/css/topic_laptop/windows.css index 08fb6b73..d1f9480f 100644 --- a/public/static/index/pc/css/topic_laptop/windows.css +++ b/public/static/index/pc/css/topic_laptop/windows.css @@ -3,7 +3,7 @@ /* min-width: 1280px; */ position: relative; width: 100%; - aspect-ratio: 1440/1399; /* 2560/1440=16/9，核心比例约束 */ + aspect-ratio: 1440/1117; /* 2560/1440=16/9，核心比例约束 */ /* background: url('../img/windows1.png'); background-repeat: no-repeat; background-size: 100% auto; */ diff --git a/public/static/index/pc/css/topic_laptop/xh.css b/public/static/index/pc/css/topic_laptop/xh.css index 98bdbe4f..b19f135d 100644 --- a/public/static/index/pc/css/topic_laptop/xh.css +++ b/public/static/index/pc/css/topic_laptop/xh.css @@ -1,24 +1,24 @@ .xh { position: relative; width: 100%; - aspect-ratio: 2560/2236; /* 2560/1440=16/9，核心比例约束 */ + aspect-ratio: 5120/3316; /* 2560/1440=16/9，核心比例约束 */ /* background: url('../img/rgb.png'); background-repeat: no-repeat; background-size: 100% auto; */ min-width: 1280px; - margin-top: 3.45rem; + margin-top: 3.56rem; } .xh-text { width: 100%; display: flex; flex-direction: column; justify-content: center; - padding-top: 0.8rem; + /* padding-top: 0.8rem; */ } .xh-t { width: 100%; font-size: 0.5rem; - color: #cbcfd8; + color: #fff; text-align: center; } .xh-t span:nth-child(1) { @@ -32,7 +32,7 @@ font-size: clamp(16px, 1vw, 0.22rem); color: #cbcfd8; text-align: center; - padding-top: 0.67rem; + padding-top: 0.43rem; font-family: "HarmonyOS-Light"; } .xh-img { diff --git a/public/static/index/pc/css/topic_laptop/xn.css b/public/static/index/pc/css/topic_laptop/xn.css index c955fb3d..ac0d3713 100644 --- a/public/static/index/pc/css/topic_laptop/xn.css +++ b/public/static/index/pc/css/topic_laptop/xn.css @@ -39,9 +39,9 @@ } .xn-t { font-size:0.63rem; - color: #cbcfd8; + color: #fff; text-align: center; - margin-top: 4.74rem; + margin-top: 3rem; margin-bottom: 1.26rem; } .xn-p { diff --git a/public/static/index/pc/css/topic_laptop/yq.css b/public/static/index/pc/css/topic_laptop/yq.css index 955b484e..373fb227 100644 --- a/public/static/index/pc/css/topic_laptop/yq.css +++ b/public/static/index/pc/css/topic_laptop/yq.css @@ -3,7 +3,7 @@ position: relative; width: 100%; min-width: 1280px; - margin-top:2.49rem; + margin-top:1.5rem; aspect-ratio: 16/9; /* 2560/1440=16/9，核心比例约束 */ /* background: url('../img/yq1.png'); */ background-size: cover; @@ -24,13 +24,13 @@ /* 宽幅限制生效 */ width: 100%; min-width: 1280px; - padding-top: 1.47rem; + padding-top: 1.5rem; } .overlay-text div { width: 100%; font-size: 0.63rem; - color: #cbcfd8; + color: #fff; text-align: center; line-height: 1; font-size: 500; diff --git a/public/static/index/pc/images/topic_laptop/ljgd.png b/public/static/index/pc/images/topic_laptop/ljgd.png new file mode 100644 index 00000000..17ad3692 Binary files /dev/null and b/public/static/index/pc/images/topic_laptop/ljgd.png differ