From 2ca708fd4aaceb66294b3ee9d94a840c6b3c342b Mon Sep 17 00:00:00 2001
From: liangjiami <2249412933@qq.com>
Date: Thu, 18 Sep 2025 11:21:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=AE=E5=8A=A9=E4=B8=AD=E5=BF=83=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=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

---
 app/index/view/pc/topic_nas/help_detail.html  | 65 +++++++++++++++----
 .../index/pc/css/topic_nas_help-detail.css    | 26 +++++++-
 2 files changed, 76 insertions(+), 15 deletions(-)

diff --git a/app/index/view/pc/topic_nas/help_detail.html b/app/index/view/pc/topic_nas/help_detail.html
index e3840970..d0d14b6e 100644
--- a/app/index/view/pc/topic_nas/help_detail.html
+++ b/app/index/view/pc/topic_nas/help_detail.html
@@ -1,17 +1,17 @@
 {extend name="public/nas_base" /}
 {block name="title"}
-    {notempty name="article.seo_title"}<title>{$article.seo_title}</title>{else /}{__BLOCK__}{/notempty}
+{notempty name="article.seo_title"}<title>{$article.seo_title}</title>{else /}{__BLOCK__}{/notempty}
 {/block}
 {block name="seo"}
-    {notempty name="article.seo_keywords"}
-    <meta name="keywords" content="{$article.seo_keywords}" />
-    <meta name="description" content="{$article.seo_desc}" />
-    {else /}
-    {__BLOCK__}
-    {/notempty}
+{notempty name="article.seo_keywords"}
+<meta name="keywords" content="{$article.seo_keywords}" />
+<meta name="description" content="{$article.seo_desc}" />
+{else /}
+{__BLOCK__}
+{/notempty}
 {/block}
 {block name="style"}
-<link rel="stylesheet" href="__CSS__/topic_nas_help-detail.css"/>
+<link rel="stylesheet" href="__CSS__/topic_nas_help-detail.css" />
 {/block}
 {block name="main"}
 <div class="orico_Page_index">
@@ -32,21 +32,46 @@
             <div class="nars-hlpdt-ml">
                 {notempty name="article_categorys"}
                 <div class="nav-tree">
+
+                    <!-- start 三级菜单的测试代码   可删-->
+                    <div class="category">
+                        <!-- 一级 -->
+                        <div class="category-title">
+                            <div class="arrow"><img src="helpImg/nars-jt.png" class="arrow" /></div>
+                            <span>初次使用</span>
+                        </div>
+                        <!-- 二级-->
+                        <ul class="sub-list">
+                            <li class="two-mues">
+                                <a href="#" class="two-a">
+                                    <div class="arrow"><img src="helpImg/nars-jt.png" class="arrow" /></div>
+                                    <span>我是二级</span>
+                                </a>
+                                 <!-- 三级-->
+                                <ul class="thress-mues">
+                                    <li><a href="#" style="padding-top: 6px;padding-left: 30px;">我是三级？</a></li>
+                                </ul>
+                            </li>
+                            <li><a href="#" style="padding-top: 6px;">拿到产品后我该如何安装使用？</a></li>
+                            <li><a href="#">APP无法下载/下载失败怎么办？</a></li>
+                        </ul>
+                    </div>
+                    <!-- end 三级菜单的测试代码   可删-->
+
                     {volist name="article_categorys" id="ac"}
                     <div class="category">
                         <div class="category-title">
                             <div class="arrow {if condition='$ac.id == $Request.get.cid'}rotate{/if}">
-                                <img src="__IMAGES__/nas-jt.png" class="arrow {if condition='$ac.id == $Request.get.cid'}rotate{/if}" />
+                                <img src="__IMAGES__/nas-jt.png"
+                                    class="arrow {if condition='$ac.id == $Request.get.cid'}rotate{/if}" />
                             </div>
                             <span>{$ac.name}</span>
                         </div>
-                        <ul class="sub-list" {if condition='$ac.id == $Request.get.cid'}style="display: block;"{/if}>
+                        <ul class="sub-list" {if condition='$ac.id == $Request.get.cid' }style="display: block;" {/if}>
                             {volist name="ac.article" id="ar"}
                             <li>
-                                <a 
-                                href="{:url('/index/topic/nas/help_detail', ['cid' => $ac.id, 'id' => $ar.id])}" 
-                                {eq name="ar.id" value="$Request.get.id"}class="active"{/eq}
-                                >
+                                <a href="{:url('/index/topic/nas/help_detail', ['cid' => $ac.id, 'id' => $ar.id])}" {eq
+                                    name="ar.id" value="$Request.get.id" }class="active" {/eq}>
                                     {$ar.title}
                                 </a>
                             </li>
@@ -75,10 +100,22 @@
 {block name="script"}
 <script type="text/javascript">
     $(document).ready(function () {
+        // 一级菜单点击事件
         $('.category-title').click(function () {
             $(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();
+		});
         // 搜索
         $(document).on('click', function (e) {
             var target = $(e.target);
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 08a2477e..d30f03bf 100755
--- a/public/static/index/pc/css/topic_nas_help-detail.css
+++ b/public/static/index/pc/css/topic_nas_help-detail.css
@@ -257,4 +257,28 @@
  	all: revert;
  	/* 将所有属性设置为初始值 */
  	/* 或者使用 all: revert; 恢复到浏览器默认样式，但该属性兼容性不如 initial */
- }
\ No newline at end of file
+ }
+ /*9.18 添加三级样式*/
+  
+ .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list .two-mues{
+ 	position: relative;
+	
+ }
+ .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list .two-mues .two-a{
+ 	position: relative;
+ 	padding-top: 6px;
+	padding-bottom: 0.375rem;
+ 	display: flex;
+	font-size: 14px !important;
+ 	flex-direction: row;
+ }
+ .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list .two-mues .two-a:hover{
+ 	border-bottom:none;
+ }
+ .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list .thress-mues{
+ 	display: none;
+ }
+.narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list .thress-mues .thress-mues a{
+	 padding-top: 0.375rem;
+	 padding-left: 1.875rem;
+}
\ No newline at end of file