63 lines
2.2 KiB
HTML
63 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<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">
|
||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||
<ul class="layui-nav layui-nav-tree side-bg" lay-filter="test">
|
||
<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>
|
||
<a class="" href="/html/body/tools/clash.html">管理clash</a>
|
||
</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>
|
||
</dl>
|
||
<dl class="layui-nav-child">
|
||
<dd><a href="/html/body/nas/animrss.html">番剧订阅器</a></dd>
|
||
</dl>
|
||
<dl class="layui-nav-child">
|
||
<dd><a href="/html/body/nas/oss.html">OSS备份设置</a></dd>
|
||
</dl>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<script src="/layui/layui.js"></script>
|
||
<script src="/js/jquery-3.2.1.js"></script>
|
||
<script>
|
||
$(document).ready(function () {
|
||
let mobile = layui.device().mobile;
|
||
console.log(mobile)
|
||
if (mobile) {
|
||
|
||
$('#myside').removeClass('layui-side')
|
||
$('#myside_div').removeClass('layui-side-scroll')
|
||
$('#myside').addClass('layui-header')
|
||
$('#myside').css('height', '100%')
|
||
|
||
} else {
|
||
$('#myside').removeClass('layui-header')
|
||
$('#myside').addClass('layui-side')
|
||
$('#myside_div').addClass('layui-side-scroll')
|
||
}
|
||
})
|
||
</script>
|
||
<style>
|
||
.side-bg {
|
||
background-color: #2983BB;
|
||
}
|
||
</style>
|
||
</body>
|
||
|
||
</html> |