笔记本英文版

app/index/lang/en-us/mobile.php

@@ -234,6 +234,6 @@ return [
         "接口大满贯" => "Full-Featured Ports",
         "酷睿i5-12450H" => "Core i5-12450H",
         "锐龙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.",
     ],
 ];

app/index/view/mobile/topic_laptop/index.html

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