From ea7d88ff48ebe5a3cdab9cc29ed479c286600a78 Mon Sep 17 00:00:00 2001
From: liangjiami <2249412933@qq.com>
Date: Thu, 18 Sep 2025 11:52:52 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=B8=AE=E5=8A=A9?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E4=B8=89=E7=BA=A7=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../view/mobile/topic_nas/help_detail.html    | 45 +++++++++++++++++++
 .../mobile/css/topic_nas_help-detail.css      | 28 ++++++++++++
 .../index/pc/css/topic_nas_help-detail.css    |  2 +-
 3 files changed, 74 insertions(+), 1 deletion(-)

diff --git a/app/index/view/mobile/topic_nas/help_detail.html b/app/index/view/mobile/topic_nas/help_detail.html
index 9f0caf42..8a0eb72e 100644
--- a/app/index/view/mobile/topic_nas/help_detail.html
+++ b/app/index/view/mobile/topic_nas/help_detail.html
@@ -57,6 +57,38 @@
             <div class="nars-hlpdt-ml">
                 {notempty name="article_categorys"}
                 <div class="nav-tree">
+
+                    <!-- start 三级菜单测试用例  可删-->
+                    <div class="categoryhelp">
+								<div class="categoryhelp-title">
+									<div class="arrow rotate"><img src="__IMAGES__/nars-jt.png" class="arrow rotate">
+									</div>
+									<span>初次使用</span>
+								</div>
+								<ul class="sub-list" style="display: block;">
+									<li class="two-mues">
+										<a href="/mobile/tops_nas/helper_detail/id/1638.html" class="two-a">
+											<div class="arrow rotate"><img src="__IMAGES__/nars-jt.png"
+													class="arrow rotate">
+											</div>
+											<span>我是2级</span>
+										</a>
+										<ul class="thress-mues">
+											<li>
+												<a href="/mobile/tops_nas/helper_detail/id/1635.html"
+													style="margin-left:12%;padding: 0.4rem;">我是三级</a>
+											</li>
+										</ul>
+									</li>
+									<li>
+										<a href="/mobile/tops_nas/helper_detail/id/1635.html">如何将我的NAS设备分享给他人使用？</a>
+									</li>
+									<li>
+										<a href="/mobile/tops_nas/helper_detail/id/1639.html">设备安装中常见的问题</a>
+									</li>
+								</ul>
+							</div>
+                    <!-- end 三级菜单测试用例  可删-->
                     {volist name="article_categorys" id="ac" key="idx"}
                     <div class="categoryhelp">
                         <div class="categoryhelp-title">
@@ -78,6 +110,9 @@
                         </ul>
                     </div>
                     {/volist}
+
+
+
                 </div>
                 {/notempty}
             </div>
@@ -128,6 +163,16 @@
             $(this).next('.sub-list').slideToggle();
             $(this).find('.arrow').toggleClass('rotate');
         });
+        $('.two-a').click(function(e) {
+				e.preventDefault();
+				e.stopPropagation(); // 阻止事件冒泡
+
+				// 切换当前二级菜单的箭头方向
+				$(this).find('.arrow').toggleClass('rotate');
+
+				// 切换对应的三级菜单显示/隐藏
+				$(this).siblings('.thress-mues').slideToggle();
+			});
         // 点击顶部搜索图标-点击取消关闭
         $('#ssico').click(function () {
             $('.nhlpapp-pagescate').hide();
diff --git a/public/static/index/mobile/css/topic_nas_help-detail.css b/public/static/index/mobile/css/topic_nas_help-detail.css
index 33a1e06b..4b76267c 100644
--- a/public/static/index/mobile/css/topic_nas_help-detail.css
+++ b/public/static/index/mobile/css/topic_nas_help-detail.css
@@ -219,4 +219,32 @@
 .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li a:hover {
     color: #1f2635;
     border-bottom: 1px solid #1f2635;
+}
+
+/*9.18 添加三级样式*/
+
+.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .two-mues {
+    position: relative;
+
+}
+
+.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .two-mues .two-a {
+    position: relative;
+    padding-top: 6px;
+    display: flex;
+    font-size: 1.1rem !important;
+    flex-direction: row;
+}
+
+.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .two-mues .two-a:hover {
+    border-bottom: none;
+}
+
+.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .thress-mues {
+    display: none;
+}
+
+.narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list .thress-mues a {
+    padding-top: 0.375rem;
+    padding-left: 1.875rem;
 }
\ No newline at end of file
diff --git a/public/static/index/pc/css/topic_nas_help-detail.css b/public/static/index/pc/css/topic_nas_help-detail.css
index d30f03bf..3b1c44aa 100755
--- a/public/static/index/pc/css/topic_nas_help-detail.css
+++ b/public/static/index/pc/css/topic_nas_help-detail.css
@@ -215,7 +215,7 @@
  }
 
  .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list .tt {
- 	font-size: 14px;
+ 	font-size: 15px;
  	padding-top: 33px;
  	padding-bottom: 1rem;
  	margin: 0;