jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

移动端帮助中心三级菜单

Browse Source
This commit is contained in:
liangjiami
2025-09-18 11:52:52 +08:00
parent f3de8b4a26
commit f79dbc1121
3 changed files with 74 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
app/index/view/mobile/topic_nas/help_detail.html
View File

@@ -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();