diff --git a/app/index/controller/TopicLaptop.php b/app/index/controller/TopicLaptop.php index 1cba3335..0682bb0b 100644 --- a/app/index/controller/TopicLaptop.php +++ b/app/index/controller/TopicLaptop.php @@ -5,7 +5,6 @@ namespace app\index\controller; use app\index\model\SysBannerModel; use think\facade\View; -use think\Request; class TopicLaptop extends Common { @@ -96,7 +95,7 @@ class TopicLaptop extends Common // 产品检测介绍 $data['product_testing'] = data_get($banners_map, 'BANNER_693a2ff4629bd')?->items->toArray(); // 网页脚注 - $data['webpage_footnotes'] = data_get($banners_map, 'BANNER_693a30e9e4572')?->items->first()?->toArray(); + $data['webpage_footnotes'] = data_get($banners_map, 'BANNER_693a30e9e4572')?->items->first()?->toArray(); } View::assign('data', $data); diff --git a/app/index/lang/en-us/mobile.php b/app/index/lang/en-us/mobile.php index 175712be..01f4f345 100644 --- a/app/index/lang/en-us/mobile.php +++ b/app/index/lang/en-us/mobile.php @@ -92,9 +92,9 @@ return [ ], 'attachment/video' => [ '软件和驱动程序' => 'Software and Drivers', - '您的浏览器不支持 video 标签。' => 'Your browser does not support HTML5 video.', + '您的浏览器不支持 video 标签。' => 'Your browser does not support HTML5 video.', ], - + // 联系我们批量购买页面 'contactus/bulkbuy' => [ '批量购买' => 'Bulk Buy', @@ -219,4 +219,21 @@ return [ '联系我们' => 'Contact US', '目录' => 'Content' ], -]; \ No newline at end of file + + // 笔记本专题 - 首页 + 'topiclaptop/index' => [ + 'CineBench R23 多核跑分' => 'Outperforms Ryzen 5 & Intel i5', + '*此跑分为ORICO实验室测定所得,请以实际使用为准' => '*Data measured by ORICO Lab. Actual performance may vary.', + '3DMARK Time Spy显卡得分' => 'Handles Office & Gaming with Ease', + '肯辛通锁孔' => 'Kensington
Lock Slot', + '千兆网口' => 'Gigabit
Ethernet', + 'USB-A
(5Gbps)' => 'USB-A
(5Gbps)', + '3.5mm
耳麦合一' => '3.5mm
Combo Audio', + 'TF口3.0' => 'TF 3.0
Card Slot', + '全功能
USB-C' => 'All-in-One
USB-C', + "接口大满贯" => "Full-Featured Ports", + "酷睿i5-12450H" => "Core i5-12450H", + "锐龙9 6900HX" => "Ryzen9 6900HX", + "标配多种接口,会议室连接电脑、U盘传输文件、TF卡读取等,全都轻松搞定" => "Versatile Ports for Easy Connectivity. Effortlessly link to pro", + ], +]; diff --git a/app/index/view/mobile/topic_laptop/index.html b/app/index/view/mobile/topic_laptop/index.html index 73df9506..950fe5e7 100644 --- a/app/index/view/mobile/topic_laptop/index.html +++ b/app/index/view/mobile/topic_laptop/index.html @@ -1,6 +1,7 @@ {extend name="public/base" /} {block name="style"} - + + @@ -41,501 +42,515 @@ })(document, window); {/block} -{block name="header"} - -{/block} + {block name="main"} - -
-
-
-
-
轻启强大 跃级体验
-
-
锐龙R7 7735HS标压处理器
-
-
IPS柔光舒适屏
-
-
轻至1.45kg
-
-
- - - -
+{notempty name="data.top_focus_images"} + +
+
+ {volist name="data.top_focus_images" id="tfi"} +
+
+
{$tfi.title}
+
{$tfi.desc|raw|htmlspecialchars_decode}
+ -
- + {$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} +{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=''}

-
-
- - - - + -
- -
-
-
-
超能引擎 性能拉满
-

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

+
+{/notempty} + +
+
{:lang_i18n('CineBench R23 多核跑分')}
+
+
+
+
+
+
- - -
- -
-
CineBench R23 多核跑分
-
-
-
-
-
-
-
-
- Ryzen7 7735HS: - 13766 +
+
+
+
-
-
-
-
-
-
-
- Ryzen5 7640HS: - 12950 -
-
-
-
-
-
-
-
-
- 锐龙9 6900HX: - 13183 -
-
-
-
-
-
-
-
-
- 酷睿i5-12450H: - 10200 -
-
-
-
-
-
-
-
-
- Ryzen5 6600H: - 10297 -
+
+ Ryzen5 7640HS: + 12950
-
*此跑分为ORICO实验室测定所得,请以实际使用为准
-
- -
-
-
- Radeon 680M
- 独显级显卡 低延迟 全能创作力 +
+
+
+
+
-
- 搭配高效架构与先进制程,在低功耗下实现游戏创作场景的
- 逼真光影渲染与流畅性能输出 +
+ {:lang_i18n('锐龙9 6900HX')}: + 13183
-
-
- +
+
+
+
+
- - -
- -
-
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 扩容
释放存储潜能 +
{:lang_i18n('*此跑分为ORICO实验室测定所得,请以实际使用为准')}
+
+{notempty name="data.gpu"} + +
+ {assign name="gpu_first_section" value=":array_shift($data.gpu)"/} +
+
{$gpu_first_section.title|default=''|raw}
+
{$gpu_first_section.short_title|default=''|raw}
+
+
+
+ +
+ +
+
+{/notempty} + +
+
{:lang_i18n('3DMARK Time Spy显卡得分')}
+
+
+
+
+
+
- -
- - - - +
+ Ryzen7 7735HS: + 1700 +
+
+
+
+
+
+
+
+
+ NVIDIA GTX 750: + 1000 +
+
+
+
+
+
+
+
+
+ i7-13620H: + 1000 +
+
+
+
+
+
+
+
+
+ Ryzen5 6600H: + 950
- -
-
-
- 静享 45W强悍性能
- “飓冷”轻音散热系统 -
-

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

+
{:lang_i18n('*此跑分为ORICO实验室测定所得,请以实际使用为准')}
+
+{notempty name="data.ram"} + +
+
{$data.ram.title|raw}
+
+
{$data.ram.short_title|raw}
+ +
+
+{/notempty} +{notempty name="data.hard_drive"} + +
+ {assign name="ssd_first_section" value=":array_shift($data.hard_drive)"/} +
+
{$ssd_first_section.title|default=''|raw}
+
+ {volist name="data.hard_drive" id="ho"} + {$ho.title} + {/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="ips_fisrt_section" value=":array_shift($data.screen_soft_light)"/} +
{$ips_fisrt_section.title|default=''|raw}
+
+

{$ips_fisrt_section.short_title|default=''|raw}

+
+
+ {volist name="data.screen_soft_light" id="lo"} + + {/volist} +
+
+{/notempty} +{notempty name="data.screen_color_gamut"} + +
+ {assign name="gamut_first_section" value=":array_shift($data.screen_color_gamut)"/} +
{$gamut_first_section.title|default=''|raw}
+
+

{$gamut_first_section.short_title|default=''|raw}

+
+
+ {volist name="data.screen_color_gamut" id="go"} + + {/volist} +
+
+{/notempty} +{notempty name="data.screen_anti_glare"} + +
+ {assign name="glare_first_section" value=":array_shift($data.screen_anti_glare)"/} +
+
{$glare_first_section.title|default=''|raw}
+
{$glare_first_section.short_title|default=''|raw}
+
+
+ {assign name="glare_left" value=":array_shift($data.screen_anti_glare)"/} + +
+ {assign name="glare_right" value=":array_shift($data.screen_anti_glare)"/} + +
+ +
+
+{/notempty} +{notempty name="data.exterior_texture"} + +
+
+ {assign name="texture_first_section" value=":array_shift($data.exterior_texture)"/} +
{$texture_first_section.title|default=''|raw}
+
{$texture_first_section.short_title|default=''|raw}
+
+
+ {volist name="data.exterior_texture" id="to"} + + + + {/volist} +
+
+
+
+{/notempty} +{notempty name="data.network_card"} + +{assign name="wifi_first_section" value=":array_shift($data.network_card)"/} +
+
+
{$wifi_first_section.title|default=''|raw}
+
{$wifi_first_section.short_title|default=''|raw}
+
+
+ {volist name="data.network_card" id="co"} + + {/volist} +
+
+{/notempty} +{notempty name="data.battery_life"} + +{assign name="battery_first_section" value=":array_shift($data.battery_life)"/} +
+
+
{$battery_first_section.title|default=''|raw}
+
{$battery_first_section.short_title|default=''|raw}
+
+
+ {volist name="data.battery_life" id="lo"} + + {/volist} +
+ +
+{/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-C')}
+
+
+ {:lang_i18n('HDMI')} +
+
+ {:lang_i18n('USB-A
(5Gbps)')}
+
+
+ {:lang_i18n('USB-C
(5Gbps)')}
+
+
+{notempty name="data.scene_focus_images"} + +
+
+ {volist name="data.scene_focus_images" id="fo"} +
+ +
+
{$fo.title}
+
{$fo.short_title}
+
+
+ {/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)"/} +
+ {notempty name="camare_microphone"}
{$camare_microphone.title|default=''}
{/notempty} + {notempty name="security"}
{$security.title|default=''}
{/notempty} +
+ {notempty name="camare_microphone"} +
+
+ +
+
+ {/notempty} + {notempty name="security"} +
-
*散热图仅为示意,具体以实物为准
-
-
- - -
-
- -
-
+
+ {/notempty} +
+
+
+ {notempty name="camare_microphone"} +
{$camare_microphone.short_title|default=''|raw}
+ {/notempty} + {notempty name="security"} +
{$security.short_title|default=''|raw}
+ {/notempty} +
- -
-
性能大跃级 拿捏多场景
-
-
- -
-
-
-

游戏软件: 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闪充充电器,充一次,用一天
-
-
- - - -
- -
- - -
接口大满贯
-
-
-

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

- 接口图 -
- -
- 肯辛通锁孔 -
-
千兆网口 -
-
USB-A
(5Gbps)
-
USB-A
(480Mbps)
-
3.5mm
耳麦合一
-
TF口3.0
- -
全功能
USB-C
-
HDMI
-
USB-A
(5Gbps)
-
USB-C
(5Gbps)
-
- -
-
- -
- -
-
高效 时刻在线
-
长续航, 随时随地自在办公 -
-
-
- -
- 图片2 -
-
高效 时刻在线
-
长续航, 随时随地自在办公 -
-
-
- -
- -
-
高效 时刻在线
-
长续航, 随时随地自在办公 -
-
-
-
-
- -
-
清晰通话 尽兴畅聊
-
更安全 更私密
-
- -
-
- -
-
- -
- -
-
-
-
-
清晰通话
-
安护密收
-
-
-
- -
配置1080p前置高清摄像头, 矩阵式降噪麦克风, 噪音环境亦享受清晰通话
-
物理防窥拨片,防止软件恶意开启摄像头
-
- -
- -
- - - - + {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"} + + +{/notempty} +{notempty name="data.webpage_footnotes"} + + +{/notempty} {/block} {block name="script"} @@ -1127,4 +1142,4 @@ window.dispatchEvent(new Event('scroll')); }); -{/block} \ No newline at end of file +{/block} diff --git a/app/index/view/pc/topic_laptop/index.html b/app/index/view/pc/topic_laptop/index.html index 80501448..fae0c8f6 100644 --- a/app/index/view/pc/topic_laptop/index.html +++ b/app/index/view/pc/topic_laptop/index.html @@ -18,7 +18,6 @@ - @@ -59,7 +58,7 @@
{$tfi.title}
-
{$tfi.desc||raw|htmlspecialchars_decode}
+
{$tfi.desc|raw|htmlspecialchars_decode}
diff --git a/public/static/index/mobile/css/topic_laptop/footer.css b/public/static/index/mobile/css/topic_laptop/footer.css index df012b7b..cba0c6fd 100644 --- a/public/static/index/mobile/css/topic_laptop/footer.css +++ b/public/static/index/mobile/css/topic_laptop/footer.css @@ -17,14 +17,19 @@ .footer-texts { width: 6.8rem; - margin: 0 auto; - font-size: 0.16rem; + margin: 1.5rem 0.35rem; + /* font-size: 0.16rem; */ color: #cbcfd8; - white-space: normal; - margin-top: 1.5rem; + /* white-space: normal; */ + /* margin-top: 1.5rem; + margin-bottom: 1.5rem; */ + box-sizing: border-box; } .footer-texts p { - text-indent: clamp(-16px, -1vw, -0.22rem); + width: 6.8rem; + font-size: 0.16rem; + padding-left: 0.05rem; + text-indent: -0.1rem; line-height: 1.5; margin-bottom: 0.1rem; font-family: 'HarmonyOS-Light'; @@ -41,3 +46,91 @@ text-indent: clamp(-16px, -1vw, -0.22rem); font-family: 'HarmonyOS-Light'; } + + +.oircoEgapp-foot .logo-white img { + margin: 0 auto; + } + .oircoEgapp-foot .m_footer { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + } + .oircoEgapp-foot .m_footer .left, + .oircoEgapp-foot .foot-con { + display: flex; + flex-direction: row; + align-items: center; + } + .oircoEgapp-foot .m_footer .right { + max-width: 55%; + } + .oircoEgapp-foot .m_footer .left { + max-width: 40%; + justify-content: end; + margin-right: 4%; + } + .oircoEgapp-foot .foot-con span { + width: auto; + padding: 0 0.625rem; + } + .oircoEgapp-foot .foot-cate .clearfix li h3 { + margin-bottom: 10px; + } + .oircoEgapp-foot .foot-cate .clearfix li p, + .oircoEgapp-foot .foot-cate .clearfix li p a { + font-size: 12px; + } + .logo-white { + text-align: center; + padding: 1rem 0 0; + display: flex; + align-items: center; +} +.foot-cate { + padding: 0 0.16rem; +} +.foot-cate h3 { + font-size: 0.28rem; +} +.foot-cate li { + padding: 0.7rem 0; + min-height: 1.8rem; +} +.foot-cate li p { + line-height: 0.8rem; +} +.m_footer .right { + float: right; + width: 57%; + text-align: left; +} +.foot-con span { + font-size:0.28rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 1; + width: 100%; + height: auto; + cursor: pointer; + font-family: 'HarmonyOS-Medium'; +} +.oircoEgapp-foot .foot-con span { + width: auto; + padding: 0 0.125rem; +} +.m_footer .left a{ + display: flex; + align-items: center; + +} +.m_footer .left img { + width: 0.55rem; + padding-right: 0.2rem; + padding-top: 0; +} +.oircoEgapp-foot .m_footer .right { + max-width: 50%; +} \ No newline at end of file diff --git a/public/static/index/mobile/css/topic_laptop/header.css b/public/static/index/mobile/css/topic_laptop/header.css new file mode 100644 index 00000000..e197fee7 --- /dev/null +++ b/public/static/index/mobile/css/topic_laptop/header.css @@ -0,0 +1,231 @@ +.oircoEgapp-head { + display: flex; + flex-direction: column; + width: 100%; + height: auto; + position: fixed; + top: 0; + z-index: 1000; + width: -webkit-fill-available; + } + .oircoEgapp-head .headtop { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + padding: 0 0.16rem; + height:60px; + background: #fff; + } + .oircoEgapp-head .headtop .headerlogimg { + width: 2.25rem !important; + height: auto !important; + display: block; + /* height: 2.25rem; */ + } + .oircoEgapp-head .top-menu { + background-color: #fff; + overflow: hidden; + width: 100%; + color: #000; + display: none; + } + .oircoEgapp-head .top-menu .it-ct { + font-family: "HarmonyOS-SemiBold"; + font-weight: bold; + } + .oircoEgapp-head .top-menu .it-ct .it-1 { + padding: 0.16rem 3.5% 0.2rem; + border-bottom: 1px solid #e5e5e5; + font-size: 14px; + position: relative; + } + .oircoEgapp-head .top-menu .it-ct .it-1-more { + display: flex; + flex-direction: row; + justify-content: space-between; + padding-bottom: 1.5%; + } + .oircoEgapp-head .top-menu .it-ct .it-1-more i { + font-weight: bold; + } + .oircoEgapp-head .top-menu .it-ct .it-1-2 { + padding-left: 0.16rem; + font-size: 13px; + line-height: 1.8; + font-weight: 100; + font-weight: bold; + display: none; + } + .oircoEgapp-head .top-menu .it-ct .it-1-2 a { + color: #666; + } + .cursor_p span { + font-size: 0.38rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 1; + width: 100%; + /* height: 1.2rem; */ + padding-left: 0.2rem; + } + .cursor_p span:hover { + font-size: 0.38rem; + white-space: normal; + width: 100%; + overflow: inherit; + line-height: 1.5; + } +/* .cursor_p { + height: 0.38rem !important; +} */ +.img-responsive { + display: flex !important; + justify-content: center !important; + align-items: center !important; +} +.img-responsive span { + display: flex !important; + align-items: center !important; +} +.action-sheet { + border-top-left-radius: 10px; + border-top-right-radius: 10px; + display: none; + background: #fff; + width: 100%; + position: fixed; + bottom: 0; + z-index: 11111; + left: 0; + } + + .menu-name { + text-indent: 0.2rem; + font-size: 14px; + font-weight: 700; + color: #000; + } + .action-sheet ul li { + margin: 0 10px; + color: #333; + font-size: 12px; + text-align: left; + border-bottom: 1px solid #eee; + padding: 12px 14px; + } + .action-sheet ul li a { + color: #333; + display: flex; + flex-direction: row; + align-items: center; + } + .action-sheet ul li img { + margin-right: 14px; + } + .menu-title { + display: flex; + align-items: center; + margin: 0 10px; + justify-content: space-between; + background: #fff; + border-top-left-radius: 6px; + border-top-right-radius:6px; + padding: 5px 0; + } + .close-icon { + width: 24px; + display: flex; + align-items: center; + } + .close-icon img { + width: 24px !important; + } + .title-text { + padding-top: 0.24rem; + color: #333; + font-size: 14px; + } + .title-text p { + line-height: 2; + } + .title-text p a { + color: #989898; + + } + .title-text p a:hover { + color: #989898; + } + .marsk-container { + background: rgba(0, 0, 0, 0.8); + display: none; + position: absolute; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0px; + z-index: 9999; + } + .marsk-container-detail { + background: rgba(0, 0, 0, 0.8); + display: none; + position: absolute; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0px; + z-index: 9999; + } + .search-in { + margin-top:0.8rem; + } + .search-in input { + width: 70% !important; + height: 0.8rem; + background: #ffffff; + border: 1px solid #d6d6d6; + opacity: 1; + border-radius: 20px; + padding: 0 14px; + font-size: 14px; + } + ::-webkit-input-placeholder { + color: #989898; + } + .search-button { + border: none; + font-size: 14px; + color: #fff; + position: absolute; + right: 10px; + cursor: pointer; + background: #0060ff; + height:0.7rem; + border-radius: 20px; + padding: 0 14px; + width: 22%; + } + .search-in form{ + display: flex; + flex-direction: row; + align-items: center; + } + .search-in .title-text p a{ + font-size: 14px; + } + /*头部搜索弹窗*/ +.popup-quick { + width: 86%; + background-color: #fff; + z-index: 9999; + box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.2); + color: #333; + padding: 14px; + border-radius: 5px; + margin: 14px auto 0; + position: relative; + margin-top: 1rem; + } \ No newline at end of file diff --git a/public/static/index/mobile/css/topic_laptop/xn.css b/public/static/index/mobile/css/topic_laptop/xn.css index 1308315e..27249ab7 100644 --- a/public/static/index/mobile/css/topic_laptop/xn.css +++ b/public/static/index/mobile/css/topic_laptop/xn.css @@ -37,16 +37,22 @@ 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; + margin-left: 0.47rem; } .xn-p p { + width: 5.84rem; color: #cbcfd8; - text-align: left; line-height: 1.5; -} + /* 核心:左内边距控制第二行缩进量 */ + padding-left: 0.8rem; + /* 首行向左偏移,抵消左内边距,实现第二行缩进 */ + text-indent: -0.8rem; + /* 确保p标签是块级,且换行正常 */ + display: block; + word-wrap: break-word; +} \ No newline at end of file