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

62 lines
2.1 KiB
HTML
Raw Normal View History

<!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>
<body>
<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">
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">
<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>
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>
</div>
2021-05-19 18:34:04 +08:00
<script src="/layui/layui.js"></script>
<script src="/js/jquery-3.2.1.js"></script>
<script>
$(document).ready(function () {
let mobile = layui.device().mobile;
2021-05-19 18:34:04 +08:00
console.log(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>
</body>
</html>