侧导航功能移至顶部导航

隐藏部分无用功能
监控需要的js和css改成本地引用
This commit is contained in:
2022-03-28 18:38:32 +08:00
parent b22bfed566
commit 973ef9aa67
20 changed files with 1021 additions and 91 deletions

View File

@@ -183,7 +183,7 @@
<script>
$('#header').load("/html/header.html");
$('#footer').load("/html/footer.html");
$('#side').load("/html/body/nas/side.html");
let tabid = -1;
$.get("/login/check.do", function (data) {
let json = JSON.parse(data);

View File

@@ -29,7 +29,7 @@
<script>
$('#header').load("/html/header.html");
$('#footer').load("/html/footer.html");
$('#side').load("/html/body/nas/side.html");
$.get("/login/check.do", function (data) {
let json = JSON.parse(data);
if (json.code !== 0) {

View File

@@ -5,7 +5,7 @@
<meta charset="UTF-8">
<title>监控</title>
<link rel="stylesheet" href="/layui/css/layui.css">
<link href="https://cdn.bootcss.com/video.js/7.6.5/alt/video-js-cdn.min.css" rel="stylesheet">
<link href="/css/video-js-cdn.min.css" rel="stylesheet">
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
@@ -58,13 +58,13 @@
<script src="/js/jquery-3.2.1.js"></script>
<script src="/js/myjs.js"></script>
<script src="/js/recordmp3.js"></script>
<script src="https://cdn.bootcss.com/video.js/6.6.2/video.js"></script>
<script src="https://cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
<script src="/js/video.js"></script>
<script src="/js/videojs-contrib-hls.min.js"></script>
</script>
<script>
$('#header').load("/html/header.html");
$('#footer').load("/html/footer.html");
$('#side').load("/html/body/nas/side.html");
let token = getParam('token');
let myVideo = videojs('myVideo', {
@@ -146,7 +146,7 @@
};
</script>
<style>
.myDiy {
/* .myDiy {
width: 100%;
height: 300px;
margin-top: 10px;
@@ -167,7 +167,7 @@
.button {
font-size: 1em;
}
} */
</style>
</html>

View File

@@ -22,7 +22,7 @@
<script>
$('#header').load("/html/header.html");
$('#footer').load("/html/footer.html");
$('#side').load("/html/body/nas/side.html");
layui.use(['layer', 'form', 'element'], function () {
let layer = layui.layer
, form = layui.form;

View File

@@ -34,7 +34,7 @@
$.ajax({cache: false})
$('#header').load("/html/header.html");
$('#footer').load("/html/footer.html");
$('#side').load("/html/body/nas/side.html");
$.post("/nas/getIp.do", function (data) {
try {
var json = JSON.parse(data);

View File

@@ -239,7 +239,7 @@
$.ajax({cache: false})
$('#header').load("/html/header.html");
$('#footer').load("/html/footer.html");
$('#side').load("/html/body/nas/side.html");
$('#img').click(function () {
if(share!==null){
return;

View File

@@ -99,7 +99,7 @@
$('#header').load("/html/header.html");
$('#footer').load("/html/footer.html");
$('#side').load("/html/body/nas/side.html");
</script>

View File

@@ -28,7 +28,7 @@
<script>
$('#header').load("/html/header.html");
$('#footer').load("/html/footer.html");
$('#side').load("/html/body/nas/side.html");
layui.use('tree', function () {
let tree = layui.tree;

View File

@@ -1,63 +0,0 @@
<!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>

View File

@@ -51,7 +51,7 @@
<script>
$('#header').load("/html/header.html");
$('#footer').load("/html/footer.html");
$('#side').load("/html/body/nas/side.html");
$.get("/login/check.do", function (data) {
let json = JSON.parse(data);
if (json.code !== 0) {