2021-05-18 18:29:55 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2021-05-19 18:34:04 +08:00
|
|
|
|
<head>
|
|
|
|
|
<link rel="stylesheet" href="/layui/css/layui.css" media="all">
|
|
|
|
|
</head>
|
2021-05-18 18:29:55 +08:00
|
|
|
|
<body>
|
2020-05-04 03:26:52 +08:00
|
|
|
|
<div class="layui-side layui-bg-black" id='myside'>
|
2021-02-23 11:16:56 +08:00
|
|
|
|
<div class="layui-side-scroll side-bg" id="myside_div">
|
2020-04-17 14:32:22 +08:00
|
|
|
|
<!-- 左侧导航区域(可配合layui已有的垂直导航) -->
|
2021-02-23 11:16:56 +08:00
|
|
|
|
<ul class="layui-nav layui-nav-tree side-bg" lay-filter="test">
|
2021-05-19 18:34:04 +08:00
|
|
|
|
<li class="layui-nav-item">
|
2020-04-17 14:32:22 +08:00
|
|
|
|
<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">
|
2020-05-04 03:26:52 +08:00
|
|
|
|
<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">
|
2020-05-04 03:26:52 +08:00
|
|
|
|
<dd><a href="/html/body/nas/bilidown.html">B站直播下载器</a></dd>
|
2020-04-17 14:32:22 +08:00
|
|
|
|
</dl>
|
2020-05-12 17:42:24 +08:00
|
|
|
|
<dl class="layui-nav-child">
|
|
|
|
|
<dd><a href="/html/body/nas/animrss.html">番剧订阅器</a></dd>
|
|
|
|
|
</dl>
|
2021-06-10 18:28:38 +08:00
|
|
|
|
<dl class="layui-nav-child">
|
|
|
|
|
<dd><a href="/html/body/nas/oss.html">OSS备份设置</a></dd>
|
|
|
|
|
</dl>
|
2020-04-17 14:32:22 +08:00
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
2020-05-04 03:26:52 +08:00
|
|
|
|
</div>
|
2021-05-19 18:34:04 +08:00
|
|
|
|
<script src="/layui/layui.js"></script>
|
|
|
|
|
<script src="/js/jquery-3.2.1.js"></script>
|
2020-05-04 03:26:52 +08:00
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function () {
|
2021-02-23 11:16:56 +08:00
|
|
|
|
let mobile = layui.device().mobile;
|
2021-05-19 18:34:04 +08:00
|
|
|
|
console.log(mobile)
|
2020-05-04 03:26:52 +08:00
|
|
|
|
if (mobile) {
|
2021-02-23 11:16:56 +08:00
|
|
|
|
|
|
|
|
|
$('#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
|
|
|
|
|
2020-05-04 03:26:52 +08:00
|
|
|
|
} else {
|
|
|
|
|
$('#myside').removeClass('layui-header')
|
2021-02-23 11:16:56 +08:00
|
|
|
|
$('#myside').addClass('layui-side')
|
|
|
|
|
$('#myside_div').addClass('layui-side-scroll')
|
2020-05-04 03:26:52 +08:00
|
|
|
|
}
|
|
|
|
|
})
|
2020-06-11 14:19:48 +08:00
|
|
|
|
</script>
|
|
|
|
|
<style>
|
2021-02-23 11:16:56 +08:00
|
|
|
|
.side-bg {
|
2020-06-11 14:19:48 +08:00
|
|
|
|
background-color: #2983BB;
|
|
|
|
|
}
|
2021-05-18 18:29:55 +08:00
|
|
|
|
</style>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|