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 4s
Details

Browse Source
This commit is contained in:
jsasg
2025-12-30 15:28:33 +08:00
parent 55a75b56b1
commit fdc9064739
20 changed files with 222 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/index/lang/en-us/mobile.php
View File

@@ -234,6 +234,6 @@ return [
"接口大满贯" => "Full-Featured Ports", "接口大满贯" => "Full-Featured Ports",
"酷睿i5-12450H" => "Core i5-12450H", "酷睿i5-12450H" => "Core i5-12450H",
"锐龙9 6900HX" => "Ryzen9 6900HX", "锐龙9 6900HX" => "Ryzen9 6900HX",
"标配多种接口，会议室连接电脑、U盘传输文件、TF卡读取等，全都轻松搞定" => "Versatile Ports for Easy Connectivity. Effortlessly link to pro", "标配多种接口，会议室连接电脑、</br>U盘传输文件、TF卡读取等，全都轻松搞定" => "Versatile Ports for Easy Connectivity. Effortlessly</br> link to projectors, U disks, TF cards, and more.",
], ],
]; ];

150
app/index/view/mobile/topic_laptop/index.html
View File

@@ -22,7 +22,7 @@
<link rel="stylesheet" href="__CSS__/topic_laptop/window.css"> <link rel="stylesheet" href="__CSS__/topic_laptop/window.css">
<link rel="stylesheet" href="__CSS__/topic_laptop/footer.css"> <link rel="stylesheet" href="__CSS__/topic_laptop/footer.css">
<script type="text/javascript"> <script type="text/javascript">
(function (doc, win) (function (doc, win)
{ {
var docEl = doc.documentElement; var docEl = doc.documentElement;
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'; var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
@@ -30,10 +30,12 @@
function setRootFontSize () function setRootFontSize ()
{ {
var clientWidth = docEl.clientWidth; var clientWidth = docEl.clientWidth;
console.log(clientWidth,'=clientWidth=')
if (!clientWidth) return; if (!clientWidth) return;
var fontSize = clientWidth / 7.5; // 750px/7.5=100px，375px/7.5=50px var fontSize = clientWidth / 7.5; // 750px/7.5=100px，375px/7.5=50px
// 直接修改内联样式，优先级最高 // 直接修改内联样式，优先级最高
docEl.setAttribute('style', 'font-size: ' + fontSize + 'px !important;'); docEl.setAttribute('style', 'font-size: ' + fontSize + 'px !important;');
console.log(fontSize,'=fontSize=')
} }
setRootFontSize(); setRootFontSize();
@@ -116,8 +118,13 @@
{assign name="cpu_first_section" value=":array_shift($data.cpu)"/} {assign name="cpu_first_section" value=":array_shift($data.cpu)"/}
<div class="cpu-main" style="background: url('{$cpu_first_section.image|default=\'\'}');background-size:100% auto"> <div class="cpu-main" style="background: url('{$cpu_first_section.image|default=\'\'}');background-size:100% auto">
<div class="cpu-texts"> <div class="cpu-texts">
<div class="cpu-texts-t">{$cpu_first_section.title|default=''}</div> {eq name=":cookie('think_lang')" value="en-us"}
<p class="cpu-texts-p">{$cpu_first_section.short_title|default=''}</p> <div class="cpu-texts-t f36">{$cpu_first_section.title|default=''|raw}</div>
<p class="cpu-texts-p f18">{$cpu_first_section.short_title|default=''|raw}</p>
{else/}
<div class="cpu-texts-t">{$cpu_first_section.title|default=''|raw}</div>
<p class="cpu-texts-p">{$cpu_first_section.short_title|default=''|raw}</p>
{/eq}
</div> </div>
<div class="cpu-footer"> <div class="cpu-footer">
<div class="cpu-footer-img"> <div class="cpu-footer-img">
@@ -197,8 +204,13 @@
<div class="gpu"> <div class="gpu">
{assign name="gpu_first_section" value=":array_shift($data.gpu)"/} {assign name="gpu_first_section" value=":array_shift($data.gpu)"/}
<div class="gpu-texts"> <div class="gpu-texts">
<div class="gpu-texts-t">{$gpu_first_section.title|default=''|raw}</div> {eq name=":cookie('think_lang')" value="en-us"}
<div class="gpu-texts-p">{$gpu_first_section.short_title|default=''|raw}</div> <div class="gpu-texts-t f36">{$gpu_first_section.title|default=''|raw}</div>
<div class="gpu-texts-p f18">{$gpu_first_section.short_title|default=''|raw}</div>
{else/}
<div class="gpu-texts-t">{$gpu_first_section.title|default=''|raw}</div>
<div class="gpu-texts-p">{$gpu_first_section.short_title|default=''|raw}</div>
{/eq}
</div> </div>
<div class="gpu-main-img" style="background: url('{$gpu_first_section.image|default=\'\'}');background-size:100% auto"> <div class="gpu-main-img" style="background: url('{$gpu_first_section.image|default=\'\'}');background-size:100% auto">
<div class="gpu-amd-img"> <div class="gpu-amd-img">
@@ -266,9 +278,17 @@
{notempty name="data.ram"} {notempty name="data.ram"}
<!-- 内存 memory--> <!-- 内存 memory-->
<div class="memory"> <div class="memory">
<div class="memory-t">{$data.ram.title|raw}</div> {eq name=":cookie('think_lang')" value="en-us"}
<div class="memory-t f36">{$data.ram.title|raw}</div>
{else/}
<div class="memory-t">{$data.ram.title|raw}</div>
{/eq}
<div class="memory-img" style="background: url('{$data.ram.image|default=\'\'}'); background-size:100% auto"> <div class="memory-img" style="background: url('{$data.ram.image|default=\'\'}'); background-size:100% auto">
<div class="memory-p">{$data.ram.short_title|raw}</div> {eq name=":cookie('think_lang')" value="en-us"}
<div class="memory-p f18">{$data.ram.short_title|raw}</div>
{else/}
<div class="memory-p ">{$data.ram.short_title|raw}</div>
{/eq}
<div class="memory-footer-img">{$data.ram.desc|raw}</div> <div class="memory-footer-img">{$data.ram.desc|raw}</div>
</div> </div>
</div> </div>
@@ -278,7 +298,12 @@
<div class="m2"> <div class="m2">
{assign name="ssd_first_section" value=":array_shift($data.hard_drive)"/} {assign name="ssd_first_section" value=":array_shift($data.hard_drive)"/}
<div class="m2-bg" style="background: url('{$ssd_first_section.image|default=\'\'}');background-size:100% auto"> <div class="m2-bg" style="background: url('{$ssd_first_section.image|default=\'\'}');background-size:100% auto">
<div class="m2-bg-t1">{$ssd_first_section.title|default=''|raw}</div> {eq name=":cookie('think_lang')" value="en-us"}
<div class="m2-bg-t1 f36">{$ssd_first_section.title|default=''|raw}</div>
{else/}
<div class="m2-bg-t1">{$ssd_first_section.title|default=''|raw}</div>
{/eq}
<div class="m2-bg-p">{$ssd_first_section.short_title|default=''|raw}</div>
<div class="m2-img-box"> <div class="m2-img-box">
{volist name="data.hard_drive" id="ho"} {volist name="data.hard_drive" id="ho"}
<img src="{$ho.image}" alt="{$ho.title}" loading="lazy"> <img src="{$ho.image}" alt="{$ho.title}" loading="lazy">
@@ -292,8 +317,13 @@
<div class="fs"> <div class="fs">
{notempty name="data.cooling_system.0"} {notempty name="data.cooling_system.0"}
<div class="dl"> <div class="dl">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="dl-t f36">{$data.cooling_system.0.title|raw}</div>
<p class="dl-p f18">{$data.cooling_system.0.short_title|raw}</p>
{else/}
<div class="dl-t">{$data.cooling_system.0.title|raw}</div> <div class="dl-t">{$data.cooling_system.0.title|raw}</div>
<p class="dl-p">{$data.cooling_system.0.short_title|raw}</p> <p class="dl-p">{$data.cooling_system.0.short_title|raw}</p>
{/eq}
</div> </div>
{/notempty} {/notempty}
<div class="fs-box"> <div class="fs-box">
@@ -322,7 +352,11 @@
{notempty name="data.apps"} {notempty name="data.apps"}
<!-- 性能大拿 --> <!-- 性能大拿 -->
<div class="xn"> <div class="xn">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="xn-t f28">{$data.apps.title|default=''}</div>
{else/}
<div class="xn-t">{$data.apps.title|default=''}</div> <div class="xn-t">{$data.apps.title|default=''}</div>
{/eq}
<div class="xn-container"> <div class="xn-container">
<div class="xn-image-section"> <div class="xn-image-section">
<img src="{$data.apps.image|default=''}" alt="" class="zoom-image first-image"> <img src="{$data.apps.image|default=''}" alt="" class="zoom-image first-image">
@@ -335,9 +369,17 @@
<!-- IPS --> <!-- IPS -->
<div class="ips"> <div class="ips">
{assign name="ips_fisrt_section" value=":array_shift($data.screen_soft_light)"/} {assign name="ips_fisrt_section" value=":array_shift($data.screen_soft_light)"/}
{eq name=":cookie('think_lang')" value="en-us"}
<div class="ips-t f48">{$ips_fisrt_section.title|default=''|raw}</div>
{else/}
<div class="ips-t">{$ips_fisrt_section.title|default=''|raw}</div> <div class="ips-t">{$ips_fisrt_section.title|default=''|raw}</div>
{/eq}
<div class="ips-bg" style="background: url('{$ips_fisrt_section.image|default=\'\'}');background-size:100% auto"> <div class="ips-bg" style="background: url('{$ips_fisrt_section.image|default=\'\'}');background-size:100% auto">
{eq name=":cookie('think_lang')" value="en-us"}
<p class="f18">{$ips_fisrt_section.short_title|default=''|raw}</p>
{else/}
<p>{$ips_fisrt_section.short_title|default=''|raw}</p> <p>{$ips_fisrt_section.short_title|default=''|raw}</p>
{/eq}
</div> </div>
<div class="ips-imgs"> <div class="ips-imgs">
{volist name="data.screen_soft_light" id="lo"} {volist name="data.screen_soft_light" id="lo"}
@@ -350,9 +392,17 @@
<!-- 色彩RGB --> <!-- 色彩RGB -->
<div class="rgb"> <div class="rgb">
{assign name="gamut_first_section" value=":array_shift($data.screen_color_gamut)"/} {assign name="gamut_first_section" value=":array_shift($data.screen_color_gamut)"/}
{eq name=":cookie('think_lang')" value="en-us"}
<div class="rgb-t f36">{$gamut_first_section.title|default=''|raw}</div>
{else/}
<div class="rgb-t">{$gamut_first_section.title|default=''|raw}</div> <div class="rgb-t">{$gamut_first_section.title|default=''|raw}</div>
{/eq}
<div class="rgb-bg" style="background: url('{$gamut_first_section.image|default=\'\'}');background-size:100% auto"> <div class="rgb-bg" style="background: url('{$gamut_first_section.image|default=\'\'}');background-size:100% auto">
{eq name=":cookie('think_lang')" value="en-us"}
<p class="rgb-p f18">{$gamut_first_section.short_title|default=''|raw}</p>
{else/}
<p class="rgb-p">{$gamut_first_section.short_title|default=''|raw}</p> <p class="rgb-p">{$gamut_first_section.short_title|default=''|raw}</p>
{/eq}
</div> </div>
<div class="rgb-imgs"> <div class="rgb-imgs">
{volist name="data.screen_color_gamut" id="go"} {volist name="data.screen_color_gamut" id="go"}
@@ -366,8 +416,13 @@
<div class="bly"> <div class="bly">
{assign name="glare_first_section" value=":array_shift($data.screen_anti_glare)"/} {assign name="glare_first_section" value=":array_shift($data.screen_anti_glare)"/}
<div class="bly-texts"> <div class="bly-texts">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="bly-t f36">{$glare_first_section.title|default=''|raw}</div>
<div class="bly-p f18">{$glare_first_section.short_title|default=''|raw}</div>
{else/}
<div class="bly-t">{$glare_first_section.title|default=''|raw}</div> <div class="bly-t">{$glare_first_section.title|default=''|raw}</div>
<div class="bly-p">{$glare_first_section.short_title|default=''|raw}</div> <div class="bly-p">{$glare_first_section.short_title|default=''|raw}</div>
{/eq}
</div> </div>
<div class="beforeafter ba-slider" style="border-radius: 0.14rem;height: 3.4rem;"> <div class="beforeafter ba-slider" style="border-radius: 0.14rem;height: 3.4rem;">
{assign name="glare_left" value=":array_shift($data.screen_anti_glare)"/} {assign name="glare_left" value=":array_shift($data.screen_anti_glare)"/}
@@ -385,8 +440,13 @@
<div class="qb"> <div class="qb">
<div class="qb-text"> <div class="qb-text">
{assign name="texture_first_section" value=":array_shift($data.exterior_texture)"/} {assign name="texture_first_section" value=":array_shift($data.exterior_texture)"/}
{eq name=":cookie('think_lang')" value="en-us"}
<div class="qb-t f36">{$texture_first_section.title|default=''|raw}</div>
<div class="qb-p f18">{$texture_first_section.short_title|default=''|raw}</div>
{else/}
<div class="qb-t">{$texture_first_section.title|default=''|raw}</div> <div class="qb-t">{$texture_first_section.title|default=''|raw}</div>
<div class="qb-p">{$texture_first_section.short_title|default=''|raw}</div> <div class="qb-p">{$texture_first_section.short_title|default=''|raw}</div>
{/eq}
<div class="swiper-container auto-swiper-container"> <div class="swiper-container auto-swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{volist name="data.exterior_texture" id="to"} {volist name="data.exterior_texture" id="to"}
@@ -404,8 +464,13 @@
{assign name="wifi_first_section" value=":array_shift($data.network_card)"/} {assign name="wifi_first_section" value=":array_shift($data.network_card)"/}
<div class="wifi" style="background: url('{$wifi_first_section.image|default=\'\'}');background-size:100% auto"> <div class="wifi" style="background: url('{$wifi_first_section.image|default=\'\'}');background-size:100% auto">
<div class="wifi-texts"> <div class="wifi-texts">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="wifi-t f36">{$wifi_first_section.title|default=''|raw}</div>
<div class="wifi-p f16">{$wifi_first_section.short_title|default=''|raw}</div>
{else/}
<div class="wifi-t">{$wifi_first_section.title|default=''|raw}</div> <div class="wifi-t">{$wifi_first_section.title|default=''|raw}</div>
<div class="wifi-p">{$wifi_first_section.short_title|default=''|raw}</div> <div class="wifi-p">{$wifi_first_section.short_title|default=''|raw}</div>
{/eq}
</div> </div>
<div class="wifi-img"> <div class="wifi-img">
{volist name="data.network_card" id="co"} {volist name="data.network_card" id="co"}
@@ -419,8 +484,13 @@
{assign name="battery_first_section" value=":array_shift($data.battery_life)"/} {assign name="battery_first_section" value=":array_shift($data.battery_life)"/}
<div class="endurance" style="background: url('{$battery_first_section.image|default=\'\'|raw}');background-size:100% auto"> <div class="endurance" style="background: url('{$battery_first_section.image|default=\'\'|raw}');background-size:100% auto">
<div class="endurance-texts"> <div class="endurance-texts">
{eq name=":cookie('think_lang')" value="en-us"}
<div class="endurance-t f36">{$battery_first_section.title|default=''|raw}</div>
<div class="endurance-p f18">{$battery_first_section.short_title|default=''|raw}</div>
{else/}
<div class="endurance-t">{$battery_first_section.title|default=''|raw}</div> <div class="endurance-t">{$battery_first_section.title|default=''|raw}</div>
<div class="endurance-p">{$battery_first_section.short_title|default=''|raw}</div> <div class="endurance-p">{$battery_first_section.short_title|default=''|raw}</div>
{/eq}
</div> </div>
<div class="endurance-img"> <div class="endurance-img">
{volist name="data.battery_life" id="lo"} {volist name="data.battery_life" id="lo"}
@@ -438,36 +508,64 @@
<img src="__IMAGES__/topic_laptop/zoom-img-1.png" alt="接口图" class="bg-img" id="bgImg" loading="lazy"> <img src="__IMAGES__/topic_laptop/zoom-img-1.png" alt="接口图" class="bg-img" id="bgImg" loading="lazy">
</div> </div>
<!-- 左边 --> <!-- 左边 -->
<div class="annotation anno-delay-1" style="top:60%; left: 37.5%;"> {eq name=":cookie('think_lang')" value="en-us"}
<span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('肯辛通锁孔')}</span> <div class="annotation anno-delay-1 anno-up1" style="top: 29%; left: 33%;">
</div> <span style="text-align: center; font-size: 0.16rem;">Gigabit <br/> Ethernet</span>
<div class="annotation anno-delay-1 anno-up" style="top: 31.5%; left: 32%;"> </div>
<span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('千兆网口')}</span> {else/}
<div class="annotation anno-delay-1 anno-up" style="top: 32.5%; left: 32%;">
<span style="text-align: center; font-size: 0.16rem;">千兆网口</span>
</div>
{/eq}
<div class="annotation anno-delay-1" style="top:60%; left: 39%;">
<span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('肯辛通锁孔')}</span>
</div> </div>
<div class="annotation anno-delay-1" style="top: 68%; left: 26%;"> <div class="annotation anno-delay-1" style="top: 68%; left: 26%;">
<span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-A<br />(5Gbps)')}</span> <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-A<br/>(5Gbps)')}</span>
</div> </div>
<div class="annotation anno-delay-1 anno-up1" style="top:35.5%; left:18%;"> <div class="annotation anno-delay-1 anno-up1" style="top:35.5%; left:18%;">
<span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('USB-A<br />(480Mbps)')}</span> <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-A<br/>(480Mbps)')}</span>
</div> </div>
<div class="annotation anno-delay-1" style="top: 73%; left: 14.5%;"> {eq name=":cookie('think_lang')" value="en-us"}
<span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('3.5mm<br />耳麦合一')}</span> <div class="annotation anno-delay-1" style="top: 73%; left: 13.5%;">
<span style="text-align: center; font-size: 0.16rem;">3.5mm <br/> Combo Audio</span>
</div> </div>
{else/}
<div class="annotation anno-delay-1" style="top: 73%; left: 15.5%;">
<span style="text-align: center; font-size: 0.16rem;">3.5mm<br/>耳麦合一</span>
</div>
{/eq}
{eq name=":cookie('think_lang')" value="en-us"}
<div class="annotation anno-delay-1 anno-up1" style="top: 40%; left: 9.5%;">
<span style="text-align: center; font-size: 0.16rem;">TF 3.0 <br/> Card Slot</span>
</div>
{else/}
<div class="annotation anno-delay-1 anno-up" style="top: 43%; left: 9%;"> <div class="annotation anno-delay-1 anno-up" style="top: 43%; left: 9%;">
<span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('TF口3.0')}</span> <span style="text-align: center; font-size: 0.16rem;">TF口3.0</span>
</div> </div>
{/eq}
<!-- 右边 --> <!-- 右边 -->
<div class="annotation anno-delay-1" style="top: 64%; left: 58%;"> {eq name=":cookie('think_lang')" value="en-us"}
<span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('全功能<br />USB-C')}</span> <div class="annotation anno-delay-1" style="top: 64%; left: 56.5%;">
<span style="text-align: center; font-size: 0.16rem;">All-in-One <br/> USB-C</span>
</div> </div>
<div class="annotation anno-up anno-delay-1" style="top: 34%; left: 65%;"> {else/}
<span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('HDMI')}</span> <div class="annotation anno-delay-1" style="top: 64%; left: 58.5%;">
<span style="text-align: center; font-size: 0.16rem;">全功能<br/>USB-C</span>
</div> </div>
<div class="annotation anno-delay-1" style="top: 70.5%; left: 70.5%;"> {/eq}
<span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('USB-A<br />(5Gbps)')}</span>
<div class="annotation anno-up anno-delay-1" style="top: 34%; left: 66.5%;">
<span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('HDMI')}</span>
</div> </div>
<div class="annotation anno-up1 anno-delay-1" style="top:38.5%; left: 77%;"> <div class="annotation anno-delay-1" style="top: 70.5%; left: 71.5%;">
<span style="text-align: center; font-size: 0.18rem;">{:lang_i18n('USB-C<br />(5Gbps)')}</span> <span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-A<br/>(5Gbps)')}</span>
</div>
<div class="annotation anno-up1 anno-delay-1" style="top:38.5%; left: 78%;">
<span style="text-align: center; font-size: 0.16rem;">{:lang_i18n('USB-C<br/>(5Gbps)')}</span>
</div> </div>
</div> </div>
{notempty name="data.scene_focus_images"} {notempty name="data.scene_focus_images"}

4
public/static/index/mobile/css/topic_laptop/bly.css
View File

@@ -33,13 +33,13 @@
transform: scale(0.8); transform: scale(0.8);
} }
.bly-t { .bly-t {
font-size: 0.36rem; font-size: 0.48rem;
color: #fff; color: #fff;
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
.bly-p { .bly-p {
font-size: 0.18rem; font-size: 0.20rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
width: 100%; width: 100%;

5
public/static/index/mobile/css/topic_laptop/cpu.css
View File

@@ -10,18 +10,19 @@
} }
.cpu-texts-t { .cpu-texts-t {
color: #fff; color: #fff;
font-size: 0.36rem; font-size: 0.48rem;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
padding-top: 0.19rem; padding-top: 0.19rem;
} }
.cpu-texts-p { .cpu-texts-p {
color: #cbcfd8; color: #cbcfd8;
font-size: 0.18rem; font-size: 0.20rem;
margin-top: 0.37rem; margin-top: 0.37rem;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
} }
.cpu-footer { .cpu-footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;

4
public/static/index/mobile/css/topic_laptop/endurance.css
View File

@@ -23,12 +23,12 @@
line-height: 1; line-height: 1;
} }
.endurance-t span:nth-child(2) { .endurance-t span:nth-child(2) {
font-size: 0.36rem; font-size: 0.48rem;
margin-left: 0.11rem; margin-left: 0.11rem;
line-height: 1; line-height: 1;
} }
.endurance-p { .endurance-p {
font-size: 0.18rem; font-size: 0.20rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
padding-top: 0.37rem; padding-top: 0.37rem;

42
public/static/index/mobile/css/topic_laptop/footer.css
View File

@@ -53,23 +53,33 @@
} }
.oircoEgapp-foot .m_footer { .oircoEgapp-foot .m_footer {
display: flex; display: flex;
flex-direction: row; /* flex-direction: row; */
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin:0 4%;
padding-top: 0 !important;
} }
.oircoEgapp-foot .m_footer .left, /* .oircoEgapp-foot .m_footer .left,
.oircoEgapp-foot .foot-con { .oircoEgapp-foot .foot-con {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} } */
.oircoEgapp-foot .m_footer .right { .oircoEgapp-foot .m_footer .right {
max-width: 55%; flex:1;
width: 50% !important;
display: flex !important;
justify-content: end !important;
/* max-width: 55%; */
} }
.oircoEgapp-foot .m_footer .left { .oircoEgapp-foot .m_footer .left {
max-width: 40%; flex:1 !important;
/* max-width: 40%;
justify-content: end; justify-content: end;
margin-right: 4%; margin-right: 4%; */
width: 50% !important;
display: flex;
justify-content: space-between;
} }
.oircoEgapp-foot .foot-con span { .oircoEgapp-foot .foot-con span {
width: auto; width: auto;
@@ -89,17 +99,18 @@
align-items: center; align-items: center;
} }
.foot-cate { .foot-cate {
padding: 0 0.16rem; padding: 0.16rem;
} }
.foot-cate h3 { .foot-cate h3 {
font-size: 0.28rem; font-size: 0.28rem;
} }
.foot-cate li { .foot-cate li {
padding: 0.7rem 0; padding: 0.16rem 0;
min-height: 1.8rem; min-height: 276px;
} }
.foot-cate li p { .foot-cate li p {
line-height: 0.8rem; line-height: 40px;
} }
.m_footer .right { .m_footer .right {
float: right; float: right;
@@ -107,7 +118,7 @@
text-align: left; text-align: left;
} }
.foot-con span { .foot-con span {
font-size:0.28rem; font-size:14px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -127,10 +138,13 @@
} }
.m_footer .left img { .m_footer .left img {
width: 0.55rem; width: 30px;
padding-right: 0.2rem; padding-right:0 !important;
padding-top: 0; padding-top: 0;
} }
.oircoEgapp-foot .m_footer .right { /* .oircoEgapp-foot .m_footer .right {
max-width: 50%; max-width: 50%;
} */
.m_footer .right {
padding: 0 !important;
} }

4
public/static/index/mobile/css/topic_laptop/fs.css
View File

@@ -52,14 +52,14 @@
} }
.dl-t { .dl-t {
color: #fff; color: #fff;
font-size: 0.36rem; font-size: 0.48rem;
width: 100%; width: 100%;
text-align: center; text-align: center;
line-height: 1.5; line-height: 1.5;
} }
.dl-p { .dl-p {
color: #cbcfd8; color: #cbcfd8;
font-size: 0.18rem; font-size: 0.20rem;
width: 100%; width: 100%;
text-align: center; text-align: center;
padding-top: 0.37rem; padding-top: 0.37rem;

4
public/static/index/mobile/css/topic_laptop/gpu.css
View File

@@ -5,7 +5,7 @@
} }
.gpu-texts { .gpu-texts {
color: #fff; color: #fff;
font-size: 0.36rem; font-size: 0.48rem;
margin: 0 0.34rem; margin: 0 0.34rem;
} }
.gpu-texts-t { .gpu-texts-t {
@@ -13,7 +13,7 @@
} }
.gpu-texts-p { .gpu-texts-p {
font-size: 0.16rem; font-size: 0.20rem;
color: #cbcfd8; color: #cbcfd8;
line-height: 1.5; line-height: 1.5;
margin-top: 0.32rem; margin-top: 0.32rem;

8
public/static/index/mobile/css/topic_laptop/header.css
View File

@@ -18,7 +18,9 @@
background: #fff; background: #fff;
} }
.oircoEgapp-head .headtop .headerlogimg { .oircoEgapp-head .headtop .headerlogimg {
width: 2.25rem !important;
max-width: 140px;
min-width: 123px;
height: auto !important; height: auto !important;
display: block; display: block;
/* height: 2.25rem; */ /* height: 2.25rem; */
@@ -61,7 +63,7 @@
color: #666; color: #666;
} }
.cursor_p span { .cursor_p span {
font-size: 0.38rem; font-size: 22px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -71,7 +73,7 @@
padding-left: 0.2rem; padding-left: 0.2rem;
} }
.cursor_p span:hover { .cursor_p span:hover {
font-size: 0.38rem; font-size:22px;
white-space: normal; white-space: normal;
width: 100%; width: 100%;
overflow: inherit; overflow: inherit;

21
public/static/index/mobile/css/topic_laptop/index.css
View File

@@ -5,9 +5,30 @@
html { html {
width: 100% !important; width: 100% !important;
overflow-x: hidden; overflow-x: hidden;
margin: 0 !important;
padding: 0 !important;
max-width: 100vw !important;
} }
body { body {
width: 100%; width: 100%;
background: #000; background: #000;
overflow-x: hidden; overflow-x: hidden;
margin: 0 !important;
padding: 0 !important;
max-width: 100vw !important;
} }
.f36{
font-size: 0.36rem !important;
}
.f18{
font-size: 0.18rem !important;
}
.f28 {
font-size: 0.28rem !important;
}
.f48 {
font-size: 0.48rem !important;
line-height: 1 !important;
margin-bottom: 0.6rem !important;
}

4
public/static/index/mobile/css/topic_laptop/ips.css
View File

@@ -2,7 +2,7 @@
position: relative; position: relative;
} }
.ips-t { .ips-t {
font-size: 0.36rem; font-size: 0.48rem;
color: #fff; color: #fff;
line-height: 1.5; line-height: 1.5;
margin-top: 1.5rem; margin-top: 1.5rem;
@@ -15,7 +15,7 @@
position: relative; position: relative;
} }
.ips-bg p { .ips-bg p {
font-size: 0.18rem; font-size: 0.20rem;
color: #cbcfd8; color: #cbcfd8;
line-height: 1.5; line-height: 1.5;
margin-left: 0.38rem; margin-left: 0.38rem;

10
public/static/index/mobile/css/topic_laptop/m2.css
View File

@@ -9,13 +9,21 @@
} }
.m2-bg-t1 { .m2-bg-t1 {
font-size: 0.36rem; font-size: 0.48rem;
color: #fff; color: #fff;
width: 100%; width: 100%;
text-align: center; text-align: center;
line-height: 1.5; line-height: 1.5;
padding-top: 1.3rem; padding-top: 1.3rem;
} }
.m2-bg-p {
color: #CBCFD8ff;
font-size: 0.18rem;
padding-top:0.37rem;
width: 100%;
text-align: center;
}
.m2-img-box { .m2-img-box {
position: absolute; position: absolute;
bottom: 0.66rem; bottom: 0.66rem;

11
public/static/index/mobile/css/topic_laptop/memory.css
View File

@@ -2,7 +2,7 @@
width: 100%; width: 100%;
} }
.memory-t { .memory-t {
font-size: 0.36rem; font-size: 0.48rem;
color: #fff; color: #fff;
width: 100%; width: 100%;
text-align: center; text-align: center;
@@ -16,7 +16,7 @@
} }
.memory-p { .memory-p {
width: 100%; width: 100%;
font-size: 0.18rem; font-size: 0.20rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
line-height: 1.5; line-height: 1.5;
@@ -26,9 +26,14 @@
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: -0.74rem; bottom: -0.74rem;
width: 6.83rem;
}
.memory-footer-img p {
height:0;
} }
.memory-footer-img img { .memory-footer-img img {
width: 6.83rem; width: 6.83rem;
display: block; display: block;
aspect-ratio: 683/148;
} }

4
public/static/index/mobile/css/topic_laptop/qb.css
View File

@@ -6,13 +6,13 @@
} */ } */
.qb-t { .qb-t {
width: 100%; width: 100%;
font-size: 0.36rem; font-size: 0.48rem;
color: #fff; color: #fff;
text-align: center; text-align: center;
padding-top: 1.5rem; padding-top: 1.5rem;
} }
.qb-p { .qb-p {
font-size: 0.18rem; font-size: 0.20rem;
color: #cbcfd8; color: #cbcfd8;
text-align: center; text-align: center;
padding-top: 0.37rem; padding-top: 0.37rem;

4
public/static/index/mobile/css/topic_laptop/rgb.css
View File

@@ -1,5 +1,5 @@
.rgb-t { .rgb-t {
font-size: 0.36rem; font-size: 0.48rem;
color: #fff; color: #fff;
width: 100%; width: 100%;
text-align: center; text-align: center;
@@ -11,7 +11,7 @@
aspect-ratio: 750/582; aspect-ratio: 750/582;
} }
.rgb-p { .rgb-p {
font-size: 0.18rem; font-size: 0.20rem;
color: #cbcfd8; color: #cbcfd8;
line-height: 1.5; line-height: 1.5;
text-align: center; text-align: center;

2
public/static/index/mobile/css/topic_laptop/swiper.css
View File

@@ -45,7 +45,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
letter-spacing: 1px; /* letter-spacing: px; */
justify-content: center; justify-content: center;
} }
.swiper-container-texts-p div { .swiper-container-texts-p div {

2
public/static/index/mobile/css/topic_laptop/tabs.css
View File

@@ -88,7 +88,7 @@
display: block; display: block;
} }
.tab-t { .tab-t {
font-size: 0.36rem; font-size: 0.48rem;
color: #cbcfd8; color: #cbcfd8;
width: 100%; width: 100%;
text-align: center; text-align: center;

4
public/static/index/mobile/css/topic_laptop/wift.css
View File

@@ -12,12 +12,12 @@
} }
.wifi-t { .wifi-t {
width: 100%; width: 100%;
font-size: 0.36rem; font-size: 0.48rem;
color: #fff; color: #fff;
line-height: 1.5; line-height: 1.5;
} }
.wifi-p { .wifi-p {
font-size: 0.18rem; font-size: 0.20rem;
color: #cbcfd8; color: #cbcfd8;
padding-top: 0.37rem; padding-top: 0.37rem;
line-height: 1.4; line-height: 1.4;

2
public/static/index/mobile/css/topic_laptop/xn.css
View File

@@ -32,7 +32,7 @@
opacity: 1; opacity: 1;
} }
.xn-t { .xn-t {
font-size: 0.36rem; font-size: 0.48rem;
color: #fff; color: #fff;
text-align: center; text-align: center;
margin-top: 1.5rem; margin-top: 1.5rem;

9
public/static/index/mobile/css/topic_laptop/zoom.css
View File

@@ -34,7 +34,7 @@
/* 标注样式：关键修正 - 基于容器绝对定位，百分比参考图片原始比例 */ /* 标注样式：关键修正 - 基于容器绝对定位，百分比参考图片原始比例 */
.annotation { .annotation {
position: absolute; position: absolute;
color: #48494d; color: #fff;
font-size: calc(12px + 0.3vw); font-size: calc(12px + 0.3vw);
opacity: 0; opacity: 0;
transform: translateY(calc(10px + 0.5vw)); transform: translateY(calc(10px + 0.5vw));
@@ -70,7 +70,7 @@
width: 0.01rem; width: 0.01rem;
height: 0; height: 0;
bottom: calc(100% + 6px); bottom: calc(100% + 6px);
background-color: #48494d; background-color: #fff;
transition: height 0.8s ease; transition: height 0.8s ease;
transform-origin: bottom center; transform-origin: bottom center;
} }
@@ -92,20 +92,19 @@
/* 标注显示时，设置线条最终高度 */ /* 标注显示时，设置线条最终高度 */
.annotation.anno-show span::before { .annotation.anno-show span::before {
height: 0.57rem; height: 0.57rem;
/* 最终高度（vw单位） */
} }
.zoom-t { .zoom-t {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 0.36rem; font-size: 0.48rem;
color: #fff; color: #fff;
padding-top: 1.5rem; padding-top: 1.5rem;
} }
.zoom-p { .zoom-p {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 0.18rem; font-size: 0.20rem;
color: #cbcfd8; color: #cbcfd8;
position: absolute; position: absolute;
top: 0.37rem; top: 0.37rem;