Merge branch 'ozq-dev' into dev

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><img src="__IMAGES__/nars-jt.png" class="arrow">
+									</div>
+									<span>初次使用</span>
+								</div>
+								<ul class="sub-list">
+									<li class="two-mues">
+										<a href="/mobile/tops_nas/helper_detail/id/1638.html" class="two-a">
+											<div><img src="__IMAGES__/nars-jt.png"
+													class="arrow">
+											</div>
+											<span>我是2级</span>
+										</a>
+										<ul class="thress-mues">
+											<li>
+												<a href="/mobile/tops_nas/helper_detail/id/1635.html"
+													style="margin-left:18%;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,17 @@
             $(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();

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: 0.95rem !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;
 }

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;