web_toolset/web/html/body/nas/side.html

47 lines
1.7 KiB
HTML
Raw Normal View History

<div class="layui-side layui-bg-black" id='myside'>
<div class="layui-side-scroll side-bg" id="myside_div">
2020-04-17 14:32:22 +08:00
<!-- 左侧导航区域可配合layui已有的垂直导航 -->
<ul class="layui-nav layui-nav-tree side-bg" lay-filter="test">
2020-04-17 14:32:22 +08:00
<li class="layui-nav-item">
<a class="" href="javascript:;">本体管理</a>
<dl class="layui-nav-child">
<dd><a href="/html/body/nas/ip.html">查看IP</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a class="" href="/html/body/nas/switchAdmin.html">管理后台</a>
2020-04-17 14:32:22 +08:00
</li>
<li class="layui-nav-item">
<a href="javascript:;">功能管理</a>
<dl class="layui-nav-child">
<dd><a href="/html/body/nas/bilidown.html">B站直播下载器</a></dd>
2020-04-17 14:32:22 +08:00
</dl>
<dl class="layui-nav-child">
<dd><a href="/html/body/nas/animrss.html">番剧订阅器</a></dd>
</dl>
2020-04-17 14:32:22 +08:00
</li>
</ul>
</div>
</div>
<script>
$(document).ready(function () {
let mobile = layui.device().mobile;
if (mobile) {
$('#myside').removeClass('layui-side')
$('#myside_div').removeClass('layui-side-scroll')
$('#myside').addClass('layui-header')
$('#myside').css('height', '100%')
2020-04-17 14:32:22 +08:00
} else {
$('#myside').removeClass('layui-header')
$('#myside').addClass('layui-side')
$('#myside_div').addClass('layui-side-scroll')
}
})
2020-06-11 14:19:48 +08:00
</script>
<style>
.side-bg {
2020-06-11 14:19:48 +08:00
background-color: #2983BB;
}
</style>