From e62eb8e7ae7f598cd66dcea04010350de0143753 Mon Sep 17 00:00:00 2001 From: jsasg <735273025@qq.com> Date: Mon, 9 Jun 2025 10:29:50 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20mobile=20nas=E4=B8=BB=E9=A2=98=E5=B8=AE?= =?UTF-8?q?=E5=8A=A9=E4=B8=AD=E5=BF=83=E8=AF=A6=E6=83=85=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/index/lang/en-us/mobile.php | 11 + .../view/mobile/topic_nas/help_detail.html | 143 ++++++++++++ .../mobile/css/topic_nas_help-detail.css | 216 ++++++++++++++++++ public/static/index/mobile/images/fenlei.png | Bin 0 -> 260 bytes public/static/index/mobile/images/sousuo.png | Bin 0 -> 987 bytes 5 files changed, 370 insertions(+) create mode 100644 app/index/view/mobile/topic_nas/help_detail.html create mode 100644 public/static/index/mobile/css/topic_nas_help-detail.css create mode 100755 public/static/index/mobile/images/fenlei.png create mode 100755 public/static/index/mobile/images/sousuo.png diff --git a/app/index/lang/en-us/mobile.php b/app/index/lang/en-us/mobile.php index f2ef6218..5594b6b1 100644 --- a/app/index/lang/en-us/mobile.php +++ b/app/index/lang/en-us/mobile.php @@ -183,9 +183,20 @@ return [ 'topicnas/help' => [ '帮助中心' => 'Quick Start Guide', '请输入搜索关键字,如安装赛博云空间,影视库' => 'What are you looking for?', + '取消' => 'Cancel', '使用教程' => 'User\' s Guide', '查看更多' => 'Click to view more', '联系我们' => 'Contact US', '目录' => 'Content' ], + + // nas主题 - 帮助详情页 + 'topicnas/helpdetail' => [ + '帮助中心' => 'Quick Start Guide', + '请输入搜索关键字,如安装赛博云空间,影视库' => 'What are you looking for?', + '取消' => 'Cancel', + '使用教程' => 'User\' s Guide', + '联系我们' => 'Contact US', + '目录' => 'Content' + ], ]; \ No newline at end of file diff --git a/app/index/view/mobile/topic_nas/help_detail.html b/app/index/view/mobile/topic_nas/help_detail.html new file mode 100644 index 00000000..76f5c74a --- /dev/null +++ b/app/index/view/mobile/topic_nas/help_detail.html @@ -0,0 +1,143 @@ +{extend name="public/base" /} +{block name="title"} +{notempty name="article.seo_title"}{$article.seo_title}{else /}{__BLOCK__}{/notempty} +{/block} +{block name="seo"} +{notempty name="article.seo_keywords"} + + +{else /} +{__BLOCK__} +{/notempty} +{/block} +{block name="style"} + +{/block} +{block name="header"} + +{/block} +{block name="main"} +
+
+
+ + + +
+ + +
+
+ +
+ {$article.content|raw|default=''} +
+ +
+
+
+ + +
+ {:lang_i18n('取消')} +
+
+ + +
+ + +
+
+{/block} +{block name="script"} + +{/block} \ No newline at end of file diff --git a/public/static/index/mobile/css/topic_nas_help-detail.css b/public/static/index/mobile/css/topic_nas_help-detail.css new file mode 100644 index 00000000..2206a374 --- /dev/null +++ b/public/static/index/mobile/css/topic_nas_help-detail.css @@ -0,0 +1,216 @@ +.icon-menu-svg, +.icon-search-svg, +.icon-lag-svg { + color: #000 !important; +} + +.narshelpCenterdetail-app { + width: 100%; + display: flex; + flex-direction: column; +} + +.narshelpCenterdetail-app .headtop { + width: 100%; + left: 0; + right: 0; + margin: 0 auto; + display: flex; + position: fixed; + top: 0; + display: flex; + padding: 1.25rem 0; + align-items: center; + flex-direction: row; + justify-content: space-between; + background: #fff; +} + +.narshelpCenterdetail-app .headtop .logoicoimg { + width: auto; + margin-left: 1.875rem; +} + +.narshelpCenterdetail-app .headtop .ssicoimg { + width: 1.875rem; + height: 1.875rem; + margin-right: 15px; +} + +.narshelpCenterdetail-app .nhlp-app-content { + margin: 1.25rem; + height: 100%; + margin-top: 9.2vh; +} + +.narshelpCenterdetail-app #rendered-content img { + max-width: 100%; +} + +.narshelpCenterdetail-app .nhlpapp-search { + position: fixed; + z-index: 2; + top: 0; + height: 100vh; + display: flex; + width: 100%; + background: #fff; + flex-direction: column; + display: none; +} + +.narshelpCenterdetail-app .nhlpapp-search .nhlpappshtop { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.narshelpCenterdetail-app .nhlpapp-search .nhlpappshtop .closetx { + font-size: 16px; + margin-right: 8%; +} + +.narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv { + margin: 1rem 20px; + height: 2.5rem; + display: flex; + flex-direction: row; + align-items: center; + border: 1px solid #cdcedb; + border-radius: 1.5625rem; + flex: 1; +} + +.narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv input { + font-size: 16px; + padding: 0 20px; + flex: 1; + border: none; + margin-left: 2px; + outline: none; +} + +.narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv input::placeholder { + color: #8f9099; + font-size: 14px; +} + +.narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv .searchimg { + width: 1.25rem; + height: 1.25rem; + margin-left: 1%; + margin-right: 5%; +} + +.narshelpCenterdetail-app .nhlpapp-search .dropdown { + height: 90vh; + overflow-y: auto; + margin: 1.25rem; +} + +.narshelpCenterdetail-app .nhlpapp-search .dropdown li { + margin-bottom: 0.75rem; + font-size: 0.9rem; + font-weight: 400; + width: 100%; + white-space: nowrap; + /* 禁止文本换行 */ + overflow: hidden; + /* 隐藏超出容器的内容 */ + text-overflow: ellipsis; + /* 超出部分用省略号表示 */ +} + +.narshelpCenterdetail-app .nhlpapp-search .dropdown .search-item { + color: #202734; +} + +.narshelpCenterdetail-app .nhlpapp-search .nhlpappline { + width: 100%; + height: 1px; + background: #cdcedb; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate { + position: absolute; + margin-top: 8.7vh; + height: 92.3vh; + display: flex; + width: 100%; + flex-direction: column; + display: none; + background: #fff; + overflow-y: auto; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml { + overflow-y: auto; + margin: 0 0.625rem; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .nav-tree { + overflow-y: auto; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .categoryhelp { + margin-bottom: 5px; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .categoryhelp-title { + display: block; + padding: 10px; + cursor: pointer; + position: relative; + display: flex; + flex-direction: row; + align-items: center; + font-size: 1rem; + font-weight: bold; + margin-left: 10px; + color: #1f2635; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .arrow { + margin-right: 0.125rem; + transform: rotate(0deg); + display: flex; + justify-content: center; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .arrow .nars-jt { + width: 16px; + height: 16px; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .rotate { + transform: rotate(90deg); +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list { + display: none; + list-style: none; + padding: 0; + margin: 0; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li a { + width: fit-content; + display: block; + margin: 0 10px; + padding-top: 22px; + text-decoration: none; + color: #333; + margin-left: 41px; + font-size: 0.875rem; + color: #8f9099; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li:first a { + padding-top: 0; +} + +.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li a:hover { + color: #1f2635; + border-bottom: 1px solid #1f2635; +} \ No newline at end of file diff --git a/public/static/index/mobile/images/fenlei.png b/public/static/index/mobile/images/fenlei.png new file mode 100755 index 0000000000000000000000000000000000000000..8af36ce2e3b53b9bc39817c8523c2f0eb2d1b7f3 GIT binary patch literal 260 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEjKx9jP7LeL$-D$|_IbKEhD5l( zoqmw_kOL2k`rHegB}^eqD_LH&luQb`U^ijWo#MX+N$>aX+q?1nH1%2YSMIb=x^Omt z1oq+bhoO=>T=N;E0H5Gwe3 zTgryf-8^Ap9pk;Y>SJSOmChx3d za!U?hT4H(U=z?b-5;oW##b_t*s-RD9L8sva-_hJg?8S z746g4*VhVyt6Z*QA>5Qp$?JrfIG7ciI2P7ka^(vcV+v1CPYuE&EQFgp&XY;2z@43) z%KQ8KIbpyf;>w8gWI`-!s>n@5b_o+16R4$md3pIm81TqKCTpQQSVZ>M*4BQewaS=4 zN_&YbV*!V^x3?|)OyHq&>B}1704kH(HW7hLHcW0423#PnA~S|0ba5M)lA6VcKqfZj zvzZ@x6O^WX6WE9+f)+}AVB!M*;tH5Dm+S?wR~NT|X_@GnNTBCdI&7a zoT1D)n!OI$Gh!hkkV!2j9S|z1@5pJ0zZ4K?eS(#^z(|>ySZAUuGlqTIzV90u zLL#i?RU!fvCVNcYBUJP^#QrRMk?h646JF3t6-mG*&>*l)7%;O^BQ8=}$o$4MCQ#vF zY2Z$<0hGFn9Z!?V;f-Gs7O;Rrve&{VVil;cpvQuHgaLi*IBP*0WbTB_H3&nv;ST+6 zB!fhO=Hu6xC&TY-0W9oE&VLH1#1YOFk)l|jzqKk&Nx{JqF&`rJ&UK?WeXNDx2h0;7 z;{{v^U&0%SmeWd>$W(y=l)K8Nu6!QilhAVI`Dwkgo z+H)MIvAVk2^oAz^Jz2>sGPl4{=&dqNt%Pl0aqclsu%w47ugHl6+Aw4|$WUJLh@6?g zNwJB9@O=Dsfl6E?J*&r