xiaoz
/
onenav
mirror of https://github.com/helloxz/onenav.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

20220608

pull/85/head
xiaoz 2 years ago
parent
d3c99ad9e1
commit
5b5277f097
13 changed files with 788 additions and 58 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 63
      templates/admin/login.old.php
  2. 145
      templates/admin/login.php
  3. 129
      templates/admin/setting/theme.php
  4. 1
      templates/admin/static/css/link.css
  5. 236
      templates/admin/static/css/link.scss
  6. 1
      templates/admin/static/css/new.css
  7. 220
      templates/admin/static/css/new.scss
  8. 49
      templates/admin/static/embed.js
  9. BIN
      templates/admin/static/image/backgroundLogin.png
  10. BIN
      templates/admin/static/image/bg.png
  11. 1
      templates/admin/static/image/bg.svg
  12. BIN
      templates/admin/static/image/copyright-fill.png
  13. 1
      templates/admin/static/style.css

63
templates/admin/login.old.php
Unescape View File

@ -0,0 +1,63 @@ @@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>OneNav后台登录</title>
<meta name="generator" content="EverEdit" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel='stylesheet' href='static/layui/css/layui.css'>
<link rel='stylesheet' href='templates/admin/static/style.css'>
<style>
body{
/* background:url(templates/admin/static/bg.jpg); */
background-color:rgba(0, 0, 51, 0.8);
}
</style>
</head>
<body>
<div class="layui-container">
<div class="layui-row">
<div class="login-logo">
<h1>登录OneNav</h1>
</div>
<div class="layui-col-lg4 layui-col-md-offset4" style ="margin-top:4em;">
<form class="layui-form layui-form-pane" action="">
<div class="layui-form-item">
<label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
<div class="layui-input-block">
<input type="text" name="user" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
<div class="layui-input-block">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn" lay-submit lay-filter="login" style = "width:100%;">登录</button>
</div>
<div class="layui-form-item layui-hide-sm layui-hide-md layui-hide-lg">
<button class="layui-btn" lay-submit lay-filter="mobile_login" style = "width:100%;">手机登录</button>
</div>
</form>
</div>
</div>
</div>
<script src = 'static/js/jquery.min.js'></script>
<script src = 'static/layui/layui.js'></script>
<script src="templates/admin/static/embed.js"></script>
</body>
</html>

145
templates/admin/login.php
Unescape View File

@ -1,63 +1,102 @@ @@ -1,63 +1,102 @@
<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<html lang="en">
<head>
<meta charset="utf-8" />
<title>OneNav后台登录</title>
<meta name="generator" content="EverEdit" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel='stylesheet' href='static/layui/css/layui.css'>
<link rel='stylesheet' href='templates/admin/static/style.css'>
<style>
body{
/* background:url(templates/admin/static/bg.jpg); */
background-color:rgba(0, 0, 51, 0.8);
}
</style>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./templates/admin/static/css/new.css">
<link rel='stylesheet' href='static/layui/css/layui.css'>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>OneNav管理员登录</title>
<script>
window.onload = function () {
document.querySelector(".login").style.opacity = 1;
}
</script>
</head>
<body>
<div class="layui-container">
<div class="layui-row">
<div class="login-logo">
<h1>登录OneNav</h1>
</div>
<div class="layui-col-lg4 layui-col-md-offset4" style ="margin-top:4em;">
<form class="layui-form layui-form-pane" action="">
<div class="layui-form-item">
<label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
<div class="layui-input-block">
<input type="text" name="user" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
<div class="layui-input-block">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
<body class="login">
<div class="root">
<section class="left">
<img class="cover" src="./templates/admin/static/image/backgroundLogin.png" />
</section>
<section class="right">
<!-- PC版的样式 -->
<h2>OneNav后台管理系统</h2>
<div class="login_frame">
<div class="login_box">
<h4>管理登录</h4>
<h6>亲爱的管理员欢迎回来！</h6>
<form action="" method="post">
<div class="inp">
<span class="label">用户名</span>
<input type="text" id = "user" name="user" placeholder="请输入账号" />
</div>
<div class="inp">
<span class="label">用户密码</span>
<input type="password" id = "password" name="password" placeholder="请输入密码" />
</div>
<div class="submit">
<input type="submit" lay-submit lay-filter="new_login" class="submit" value="登录">
</div>
</form>
</div>
</div>
</section>
</div>
<div class="layui-form-item">
<button class="layui-btn" lay-submit lay-filter="login" style = "width:100%;">登录</button>
<div class="mobile">
<!-- 手机版的样式 -->
<h1>OneNav</h1>
<form action="" method="post">
<div class="inp">
<span class="label">用户名</span>
<input type="text" id = "m_user" name="user" placeholder="请输入账号" />
</div>
<div class="inp">
<span class="label">用户密码</span>
<input type="password" id = "m_password" name="password" placeholder="请输入密码" />
</div>
<div class="submit">
<input type="submit" lay-submit lay-filter="new_mobile_login" class="submit" value="登录">
</div>
</form>
</div>
<div class="layui-form-item layui-hide-sm layui-hide-md layui-hide-lg">
<button class="layui-btn" lay-submit lay-filter="mobile_login" style = "width:100%;">手机登录</button>
</div>
</form>
</div>
</div>
</div>
<footer>© 2022 Powered by <a style = "color:#FFFFFF;padding-left:6px;" href = "https://www.onenav.top/" target = "_blank" title = "开源免费书签管理系统"> OneNav</a></footer>
</body>
<script>
//自己封装的弹出框
function alt(text) {
const t = document.createElement("div")
t.innerText = text;
Object.assign(t.style, {
position: 'fixed',
maxWidth: '300px',
top: '50px',
left: '0px',
right: '0px',
margin: '0 auto',
color: '#000',
background: '#fff',
boxShadow: '0px 3px 4px rgba(197, 197, 197, 0.115)',
padding: '15px 20px',
borderRadius: '8px',
transition: 'all .5s',
opacity: 0,
transform: 'translateY(-10px)'
})
document.body.append(t)
setTimeout(_ => {
t.style.transform = 'translateY(10px)'
t.style.opacity = 1;
}, 100)
setTimeout(_ => {
t.style.transform = 'translateY(-10px)'
t.style.opacity = 0;
}, 3000)
}
</script>
<script src = 'static/js/jquery.min.js'></script>
<script src = 'static/layui/layui.js'></script>
<script src="templates/admin/static/embed.js"></script>
</body>
</html>

129
templates/admin/setting/theme.php
Unescape View File

@ -3,11 +3,14 @@ @@ -3,11 +3,14 @@
<?php include_once(dirname(__DIR__).'/left.php'); ?>
<div class="layui-body">
<!-- 内容主体区域 -->
<div class="layui-row content-body place-holder">
<div class="layui-row content-body place-holder" id = "layer-photos">
<!-- 说明提示框 -->
<div class="layui-col-lg12">
<div class="setting-msg">
主题更换及设置说明，请参考：<a href="https://dwz.ovh/yoyaf" target = "_blank" title = "主题更换及设置说明">https://dwz.ovh/yoyaf</a>
<p>1. 主题更换及设置说明，请参考：<a href="https://dwz.ovh/yoyaf" target = "_blank" title = "主题更换及设置说明">https://dwz.ovh/yoyaf</a></p>
<p>2. 为了分摊服务器成本，主题下载和更新需要订阅用户才能使用，敬请谅解！订阅地址：<a href="https://dwz.ovh/69h9q" rel="nofollow" target="_blank" title="购买订阅服务">https://dwz.ovh/69h9q</a></p>
<p>3. 部分主题来自其它开源项目，OneNav仅做适配，主题版权归原作者所有</p>
<p>4. 主题提交请联系QQ:446199062</p>
</div>
</div>
<!-- 说明提示框END -->
@ -22,7 +25,7 @@ @@ -22,7 +25,7 @@
<legend style = "font-size:24px;"><?php echo $key; ?> - <?php echo $theme['info']->version ?></legend>
<!-- 主题图片 -->
<div class = "screenshot"><p><img src="<?php echo $theme['info']->screenshot; ?>" alt=""></p></div>
<div class = "screenshot"><p><img layer-src="<?php echo $theme['info']->screenshot; ?>" src="<?php echo $theme['info']->screenshot; ?>" alt=""></p></div>
<!-- 主题图片END -->
<p>
@ -30,9 +33,10 @@ @@ -30,9 +33,10 @@
<button type="button" class="layui-btn layui-btn-sm" onclick = "set_theme('<?php echo $key; ?>')">使用</button>
<button type="button" class="layui-btn layui-btn-sm" onclick = "theme_detail('<?php echo $key; ?>')">详情</button>
<button type="button" class="layui-btn layui-btn-sm" onclick = "theme_config('<?php echo $key; ?>')">参数设置</button>
<button type="button" class="layui-btn layui-btn-sm" onclick = "update_theme('<?php echo $key; ?>','<?php echo $theme['info']->version; ?>')">更新</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-danger" onclick = "delete_theme('<?php echo $key; ?>')">删除</button>
<?php if( $current_them == $key ) { ?>
<button type="button" class="layui-btn layui-btn-sm layui-btn-danger">当前主题</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-danger">当前</button>
<?php } ?>
</div>
@ -43,6 +47,36 @@ @@ -43,6 +47,36 @@
<?php } ?>
</div>
</div>
<hr>
<!-- 在线主题 -->
<div class="layui-col-lg12">
<h2 style = "padding-bottom:16px;padding-top:8px;">在线主题：</h2>
<div class="layui-row layui-col-space24">
<?php foreach ($theme_list as $key => $theme) {
//var_dump($theme['info']->name);
?>
<!-- 在线主题列表 -->
<div class="layui-col-lg3 layui-col-md6 layui-col-sm12">
<fieldset style = "padding:1em;border:0px;height:280px;border:1px dashed #1E9FFF;box-shadow: 2px 2px 3px #888888;color:#666666">
<legend style = "font-size:24px;"><?php echo $key; ?> - <?php echo $theme->version ?></legend>
<!-- 主题图片 -->
<div class = "screenshot"><p><img layer-src="<?php echo $theme->screenshot; ?>" src="<?php echo $theme->screenshot; ?>" alt=""></p></div>
<!-- 主题图片END -->
<p>
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm" onclick = "down_theme('<?php echo $key; ?>','download')">下载</button>
<!-- <button type="button" class="layui-btn layui-btn-sm" onclick = "theme_detail_online('<?php echo $key; ?>')">详情</button> -->
</div>
</p>
</fieldset>
</div>
<!-- 主题列表END -->
<?php } ?>
</div>
</div>
<!-- 在线主题END -->
</div>
</div>
<?php include_once(dirname(__DIR__).'/footer.php'); ?>
@ -58,6 +92,15 @@ function theme_detail(name){ @@ -58,6 +92,15 @@ function theme_detail(name){
content:'/index.php?c=admin&page=setting/theme_detail&name=' + name
});
}
function theme_detail_online(name){
layer.open({
title: name,
type:2,
area: ['60%', '59%'],
content:'/index.php?c=admin&page=setting/theme_detail&name=' + name
});
}
//主题参数设置
function theme_config(name){
layer.open({
@ -81,4 +124,82 @@ function set_theme(name) { @@ -81,4 +124,82 @@ function set_theme(name) {
}
});
}
function down_theme(name,type) {
//请求订阅接口，并获取key、value
var index = layer.load(1);
// $.ajax({
// 'url': '/index.php?c=api&method=check_subscribe',
// 'type': 'GET',
// 'async': false,
// success:function(result) {
// }
// });
$.get("/index.php?c=api&method=check_subscribe",function(result,status){
if( result.code == 200 ) {
var key = result.data.key;
var value = result.data.value;
//继续下载主题
$.get("/index.php?c=api&method=down_theme",{name:name,key:key,value:value,type:type},function(data,status){
//如果下载成功
if( data.code == 200 ) {
layer.closeAll('loading');
layer.msg(data.msg, {icon: 1});
//重载当前页面
setTimeout(() => {
window.location.reload();
}, 2000);
}
else{
layer.closeAll('loading');
layer.msg(data.msg, {icon: 5});
}
});
}
else{
layer.closeAll('loading');
layer.msg(result.msg, {icon: 5});
}
});
}
//更新主题
function update_theme(name,version){
//获取远程主题最新版本号
var index = layer.load(1);
var infourl = "https://onenav.xiaoz.top/themes/" + name + "/info.json";
$.ajax({
type:"HEAD",
async:true,
url:infourl,
statusCode: {
200: function() {
$.get("https://onenav.xiaoz.top/themes/" + name + "/info.json",function(data,status){
let new_version = data.version;
if ( version >= new_version ) {
layer.closeAll('loading');
layer.msg('已经是最新版本，无需更新！', {icon: 5});
}
else{
down_theme(name,'update');
}
});
},
403:function() {
layer.closeAll('loading');
layer.msg('更新失败，权限不足！', {icon: 5});
},
404:function() {
layer.closeAll('loading');
layer.msg('更新失败，远程服务器上不存在此主题！', {icon: 5});
}
}
});
}
layer.photos({
photos: '#layer-photos'
,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
});
</script>

1
templates/admin/static/css/link.css
Unescape View File

@ -0,0 +1 @@ @@ -0,0 +1 @@
*{margin:0;padding:0}.root{position:absolute;width:100vw;height:100%;background:#292929;border-radius:0px 0px 0px 0px;display:flex;align-items:center;justify-content:center}.root>h2{position:absolute;top:20px;left:20px;color:#fff}.info-box{margin:30px;width:700px;transition:all .5s;background:#f1f1f1;border-radius:16px 16px 16px 16px;opacity:1;padding:30px}.info-box>h3{font-size:26px;font-family:OPPOSans-Bold, OPPOSans;font-weight:bold;color:#000000;line-height:34px}.info-box>ul{margin-top:20px;list-style:none}.info-box>ul>li{margin-top:30px;display:flex}.info-box>ul>li>span:nth-child(1){flex-shrink:0;width:120px;height:34px;font-size:24px;font-family:Source Han Sans CN-Bold, Source Han Sans CN;font-weight:bold;color:#232323;line-height:34px}.info-box>ul>li>span:nth-child(2),.info-box>ul>li>div{width:100%;display:flex;margin-left:50px;font-size:24px;font-family:Source Han Sans CN-Regular, Source Han Sans CN;font-weight:400;color:#232323;line-height:34px}footer{width:100%;position:absolute;z-index:9;bottom:10px;display:flex;font-size:12px;align-items:center;justify-content:center;color:#9e9e9e}footer>img{margin-right:5px;width:20px;height:20px}[link]{display:flex;align-items:center}[link]>a{max-width:calc(100% - 140px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#0676d1 !important}[tips]{font-size:20px;font-family:Source Han Sans CN-Regular, Source Han Sans CN;font-weight:400;color:#464646 !important;line-height:34px}.next{margin-top:30px;display:flex;justify-content:flex-end}.next>button{width:96px;height:48px;background:#0088ea;border:none;border-radius:8px 8px 8px 8px;opacity:1;font-family:Source Han Sans CN-Regular, Source Han Sans CN;font-weight:400;color:#ffffff;line-height:24px;transition:all 0.3s}.next>button:hover{background-color:#3a96e2}.load{display:none}.load>span{position:relative;top:-2px}.loads{position:relative;top:4px;display:inline-block;width:20px;height:20px;animation:ss 2s linear infinite}@keyframes ss{to{transform:rotate(0deg)}from{transform:rotate(-360deg)}}.copy{margin-left:10px;position:relative;height:24px}.copy>svg{pointer-events:none}@media screen and (max-width: 800px){.info-box{width:calc(100vw - 30px) !important}.info-box>h3{font-size:16px;font-family:OPPOSans-Bold, OPPOSans;font-weight:bold;color:#000000;line-height:34px}.info-box>ul{margin-top:20px;list-style:none}.info-box>ul>li{margin-top:10px;display:flex}.info-box>ul>li>span:nth-child(1){flex-shrink:0;width:70px;height:34px;font-size:14px;font-family:Source Han Sans CN-Bold, Source Han Sans CN;font-weight:bold;color:#232323}.info-box>ul>li>span:nth-child(2),.info-box>ul>li>div{width:100%;max-height:60px;text-overflow:ellipsis;overflow:hidden;display:flex;margin-left:15px !important;font-size:14px;line-height:20px;font-family:Source Han Sans CN-Regular, Source Han Sans CN;font-weight:400;color:#232323;align-items:center}[link]{display:flex;align-items:center}[link]>a{max-width:calc(100% - 40px) !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#0676d1 !important}.next{margin-top:30px;display:flex;justify-content:flex-end}.next>button{width:96px;height:35px;background:#0088ea;border:none;border-radius:8px 8px 8px 8px;opacity:1;font-weight:400;color:#ffffff;line-height:24px;transition:all 0.3s}.next>button:hover{background-color:#3a96e2}}

236
templates/admin/static/css/link.scss
Unescape View File

@ -0,0 +1,236 @@ @@ -0,0 +1,236 @@
* {
margin: 0;
padding: 0;
}
.root {
position: absolute;
width: 100vw;
height:100%;
background: #292929;
border-radius: 0px 0px 0px 0px;
display: flex;
align-items: center;
justify-content: center;
> h2 {
position: absolute;
top: 20px;
left: 20px;
color: #fff;
}
}
.info-box {
margin: 30px;
width: 700px;
transition: all .5s;
background: #f1f1f1;
border-radius: 16px 16px 16px 16px;
opacity: 1;
padding: 30px;
> h3 {
font-size: 26px;
font-family: OPPOSans-Bold, OPPOSans;
font-weight: bold;
color: #000000;
line-height: 34px;
}
> ul {
margin-top: 20px;
list-style: none;
> li {
margin-top: 30px;
display: flex;
> span:nth-child(1) {
flex-shrink: 0;
width: 120px;
height: 34px;
font-size: 24px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #232323;
line-height: 34px;
}
> span:nth-child(2),
> div {
width: 100%;
display: flex;
margin-left: 50px;
font-size: 24px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #232323;
line-height: 34px;
}
}
}
}
footer {
width: 100%;
position: absolute;
z-index: 9;
bottom: 10px;
display: flex;
font-size: 12px;
align-items: center;
justify-content: center;
color: #9e9e9e;
> img {
margin-right: 5px;
width: 20px;
height: 20px;
}
}
[link] {
display: flex;
align-items: center;
> a {
max-width: calc(100% - 140px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #0676d1 !important;
}
}
[tips] {
font-size: 20px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #464646 !important;
line-height: 34px;
}
.next {
margin-top: 30px;
display: flex;
justify-content: flex-end;
> button {
width: 96px;
height: 48px;
background: #0088ea;
border: none;
border-radius: 8px 8px 8px 8px;
opacity: 1;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 24px;
transition: all 0.3s;
&:hover {
background-color: #3a96e2;
}
}
}
.load {
display: none;
> span {
position: relative;
top: -2px;
}
}
.loads {
position: relative;
top: 4px;
display: inline-block;
width: 20px;
height: 20px;
animation: ss 2s linear infinite;
}
@keyframes ss {
to {
transform: rotate(0deg);
}
from {
transform: rotate(-360deg);
}
}
.copy {
margin-left: 10px;
position: relative;
height: 24px;
> svg {
pointer-events: none;
}
}
@media screen and (max-width: 800px) {
.info-box {
width: calc(100vw - 30px) !important;
// min-width: 376px;
> h3 {
font-size: 16px;
font-family: OPPOSans-Bold, OPPOSans;
font-weight: bold;
color: #000000;
line-height: 34px;
}
> ul {
margin-top: 20px;
list-style: none;
> li {
margin-top: 10px;
display: flex;
> span:nth-child(1) {
flex-shrink: 0;
width: 70px;
height: 34px;
font-size: 14px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #232323;
}
> span:nth-child(2),
> div {
width: 100%;
max-height: 60px;
text-overflow: ellipsis;
overflow: hidden;
display: flex;
margin-left: 15px !important;
font-size: 14px;
line-height: 20px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #232323;
align-items: center;
}
}
}
}
[link] {
display: flex;
align-items: center;
> a {
max-width: calc(100% - 40px) !important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #0676d1 !important;
}
}
.next {
margin-top: 30px;
display: flex;
justify-content: flex-end;
> button {
width: 96px;
height: 35px;
background: #0088ea;
border: none;
border-radius: 8px 8px 8px 8px;
opacity: 1;
font-weight: 400;
color: #ffffff;
line-height: 24px;
transition: all 0.3s;
&:hover {
background-color: #3a96e2;
}
}
}
}

1
templates/admin/static/css/new.css
Unescape View File

@ -0,0 +1 @@ @@ -0,0 +1 @@
*{margin:0;padding:0}.login{opacity:0;width:100vw;height:100vh;background:url("../image/bg.svg") no-repeat center/cover;display:flex;align-items:center;justify-content:center}.login>.root{position:absolute;width:70%;height:600px;transition:all 0.3s;box-shadow:0px 0px 10px rgba(250,250,250,0.227);border-radius:15px;overflow:hidden;display:flex}.login>.root .left{transition:all 0.3s;position:relative;width:50%;background:#000}.login>.root .left>.cover{position:absolute;display:block;width:100%;height:100%;object-fit:cover}.login>.root .right{transition:all 0.5s;min-width:550px;width:50%;display:flex;flex-direction:column;background:#fbfbfb}.login>.root .right>h2{margin:40px 20px 0px;text-align:center;font-size:32px;font-family:Source Han Sans CN-Bold, Source Han Sans CN;font-weight:bold;color:#2a2a2a;line-height:48px}.login>.root .right>h2:hover{color:#0088ea}.login>.root .right .login_frame{display:flex;justify-content:center}.login>.root .right .login_box{margin-top:100px;padding:20px;width:320px;height:300px;background:#ffffff;box-shadow:0px 3px 8px 1px rgba(0,0,0,0.16);border-radius:16px 16px 16px 16px;opacity:1}.login>.root .right .login_box>h4{width:411px;height:24px;font-size:24px;font-family:Source Han Sans CN-Regular, Source Han Sans CN;font-weight:400;color:#000000;line-height:24px}.login>.root .right .login_box>h6{margin-top:10px;width:411px;height:24px;font-size:16px;font-family:Helvetica Neue-常规体, Helvetica Neue;font-weight:normal;color:#323232;line-height:24px;margin-bottom:30px}.login>.root .right .login_box>form>.inp{margin-bottom:15px;display:flex;flex-direction:column}.login>.root .right .login_box>form>.inp>.label{height:16px;font-size:12px;font-family:Source Han Sans CN-Bold, Source Han Sans CN;font-weight:bold;color:#1a1a1a;line-height:16px;margin-bottom:5px}.login>.root .right .login_box>form>.inp>input{width:calc(100% - 30px);height:35px;border-radius:8px 8px 8px 8px;opacity:1;outline:none;border:1px solid #bfbfbf;padding:0px 15px}.login>.root .right .login_box>form>.submit{margin-top:25px}.login>.root .right .login_box>form>.submit>input{width:100%;height:40px;background:#0088ea;outline:none;border:1px solid #0088ea;border-radius:8px;font-size:16px;font-family:Source Han Sans CN-Regular, Source Han Sans CN;font-weight:400;color:#ffffff}.login .mobile{display:none}@media screen and (max-width: 1278px){.login .left{display:none}.login .right{min-width:100% !important;width:100%}}@media screen and (max-width: 658px){.login .root{display:none !important}.login .mobile{width:100%;height:100%;position:absolute;display:block}.login .mobile>h1{margin:20px;color:#ffffff}.login .mobile>form{position:relative;margin:15px;padding:15px;margin-top:100px}.login .mobile>form>.inp{margin-bottom:15px;display:flex;flex-direction:column}.login .mobile>form>.inp>.label{height:16px;font-size:13px;font-family:Source Han Sans CN-Bold, Source Han Sans CN;font-weight:bold;color:#1a1a1a;line-height:16px;margin-bottom:5px;color:#ffffff}.login .mobile>form>.inp>input{width:calc(100% - 30px);height:40px;border-radius:8px 8px 8px 8px;opacity:1;outline:none;border:1px solid #bfbfbf;padding:0px 15px}.login .mobile>form>.submit{margin-top:25px}.login .mobile>form>.submit>input{width:100%;height:40px;background:#0088ea;outline:none;border:1px solid #0088ea;border-radius:8px;font-size:16px;font-family:Source Han Sans CN-Regular, Source Han Sans CN;font-weight:400;color:#ffffff}}footer{width:100%;position:absolute;z-index:9;bottom:10px;display:flex;font-size:12px;align-items:center;justify-content:center;color:#9e9e9e}footer>img{margin-right:5px;width:20px;height:20px}

220
templates/admin/static/css/new.scss
Unescape View File

@ -0,0 +1,220 @@ @@ -0,0 +1,220 @@
* {
margin: 0;
padding: 0;
}
.login {
opacity: 0;
width: 100vw;
height: 100vh;
background: url("../image/bg.png") no-repeat center/cover;
display: flex;
align-items: center;
justify-content: center;
> .root {
position: absolute;
width: 70%;
height: 600px;
transition: all 0.3s;
box-shadow: 0px 0px 10px rgba(250, 250, 250, 0.227);
border-radius: 15px;
overflow: hidden;
display: flex;
.left {
transition: all 0.3s;
position: relative;
width: 50%;
background: #000;
> .cover {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
}
.right {
transition: all 0.5s;
min-width: 550px;
width: 50%;
display: flex;
flex-direction: column;
background: rgb(251, 251, 251);
> h2 {
margin: 40px 20px 0px;
text-align: center;
font-size: 32px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #2a2a2a;
line-height: 48px;
&:hover {
color: #0088ea;
}
}
.login_frame {
display: flex;
justify-content: center;
}
.login_box {
margin-top: 100px;
padding: 20px;
width: 320px;
height: 300px;
background: #ffffff;
box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.1599999964237213);
border-radius: 16px 16px 16px 16px;
opacity: 1;
> h4 {
width: 411px;
height: 24px;
font-size: 24px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #000000;
line-height: 24px;
}
> h6 {
margin-top: 10px;
width: 411px;
height: 24px;
font-size: 16px;
font-family: Helvetica Neue-常规体, Helvetica Neue;
font-weight: normal;
color: #323232;
line-height: 24px;
margin-bottom: 30px;
}
> form {
> .inp {
margin-bottom: 15px;
display: flex;
flex-direction: column;
> .label {
height: 16px;
font-size: 12px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #1a1a1a;
line-height: 16px;
margin-bottom: 5px;
}
> input {
width: calc(100% - 30px);
height: 35px;
border-radius: 8px 8px 8px 8px;
opacity: 1;
outline: none;
border: 1px solid #bfbfbf;
padding: 0px 15px;
}
}
> .submit {
margin-top: 25px;
> input {
width: 100%;
height: 40px;
background: #0088ea;
outline: none;
border: 1px solid #0088ea;
border-radius: 8px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
}
}
}
}
}
}
.mobile {
display: none;
}
@media screen and (max-width: 1278px) {
.left {
display: none;
}
.right {
min-width: 100% !important ;
width: 100%;
}
}
@media screen and (max-width: 658px) {
.root {
display: none !important;
}
.mobile {
width: 100%;
height: 100%;
position: absolute;
display: block;
> h1 {
margin: 20px;
color: #ffffff;
}
> form {
position: relative;
margin: 15px;
padding: 15px;
margin-top:100px;
> .inp {
margin-bottom: 15px;
display: flex;
flex-direction: column;
> .label {
height: 16px;
font-size: 13px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #1a1a1a;
line-height: 16px;
margin-bottom: 5px;
color: #ffffff;
}
> input {
width: calc(100% - 30px);
height: 40px;
border-radius: 8px 8px 8px 8px;
opacity: 1;
outline: none;
border: 1px solid #bfbfbf;
padding: 0px 15px;
}
}
> .submit {
margin-top: 25px;
> input {
width: 100%;
height: 40px;
background: #0088ea;
outline: none;
border: 1px solid #0088ea;
border-radius: 8px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
}
}
}
}
}
}
footer {
width: 100%;
position: absolute;
z-index: 9;
bottom: 10px;
display: flex;
font-size: 12px;
align-items: center;
justify-content: center;
color: #9e9e9e;
> img {
margin-right: 5px;
width: 20px;
height: 20px;
}
}

49
templates/admin/static/embed.js
Unescape View File

@ -269,6 +269,29 @@ layui.use(['element','table','layer','form','upload','iconHhysFa'], function(){ @@ -269,6 +269,29 @@ layui.use(['element','table','layer','form','upload','iconHhysFa'], function(){
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
//新的登录
form.on('submit(new_login)', function(data){
//获取用户名
var user = $("#user").val();
//获取密码
var password = $("#password").val();
if ( user == '' || password == '' ) {
layer.msg('用户名或密码不能为空！', {icon: 5});
return false;
}
$.post('/index.php?c=login&check=login',{user:user,password:password},function(data,status){
//如果添加成功
if(data.code == 0) {
window.location.href = '/index.php?c=admin';
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
//console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
//初始化设置onenav密码
form.on('submit(init_onenav)', function(data){
console.log(data.field.username);
@ -322,6 +345,30 @@ layui.use(['element','table','layer','form','upload','iconHhysFa'], function(){ @@ -322,6 +345,30 @@ layui.use(['element','table','layer','form','upload','iconHhysFa'], function(){
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
//新的手机登录
form.on('submit(new_mobile_login)', function(data){
//获取用户名
var user = $("#m_user").val();
//获取密码
var password = $("#m_password").val();
if ( user == '' || password == '' ) {
layer.msg('用户名或密码不能为空！', {icon: 5});
return false;
}
$.post('/index.php?c=login&check=login',{user:user,password:password},function(data,status){
//如果登录成功
if(data.code == 0) {
window.location.href = '/';
}
else{
layer.msg(data.err_msg, {icon: 5});
}
});
console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
//筛选链接
form.on('submit(screen_link)', function(data){
fid = data.field.fid;
@ -333,7 +380,7 @@ layui.use(['element','table','layer','form','upload','iconHhysFa'], function(){ @@ -333,7 +380,7 @@ layui.use(['element','table','layer','form','upload','iconHhysFa'], function(){
var tableIns = table.render({
elem: '#link_list'
,height: 520
,url: 'index.php?c=api&method=link_list' //数据接口
,url: 'index.php?c=api&method=q_category_link' //数据接口
,method: 'post'
,page: true //开启分页
,toolbar: '#linktool'

BIN
templates/admin/static/image/backgroundLogin.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 129 KiB

BIN
templates/admin/static/image/bg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 105 KiB

1
templates/admin/static/image/bg.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
templates/admin/static/image/copyright-fill.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
templates/admin/static/style.css
Unescape View File

@ -113,6 +113,7 @@ @@ -113,6 +113,7 @@
.screenshot img{
max-width: auto;
max-height: 200px;
max-width:96%;
}
#progress{

Write Preview
Loading…
Cancel
Save