提交 3517973e 编写于 作者: H hjdhnx

前端样式调整

上级 18024810
###### 2023/03/13
- [X] 3.9.37beta1 drpy前端升级为蓝莓 0313提供的代码
###### 2023/03/06 ###### 2023/03/06
- [X] 3.9.37beta1 drpy增加属性搜索编码,用于解决某些网站搜索关键字必须是gbk编码结果的问题 目前js0已测试通过并实现了encodeStr和decodeStr函数。js1预留了逻辑暂未实现,函数已增加 - [X] 3.9.37beta1 drpy增加属性搜索编码,用于解决某些网站搜索关键字必须是gbk编码结果的问题 目前js0已测试通过并实现了encodeStr和decodeStr函数。js1预留了逻辑暂未实现,函数已增加
- [X] 3.9.37beta2 drpy搜索编码属性已经在js0和js1上共同测试通过 - [X] 3.9.37beta2 drpy搜索编码属性已经在js0和js1上共同测试通过
......
3.9.37beta8 3.9.38beta1
\ No newline at end of file \ No newline at end of file
因为 它太大了无法显示 source diff 。你可以改为 查看blob
body{ body {
text-align: center; text-align: center;
} }
.title { .title {
background-image: linear-gradient(to right, orange, purple); background-image: linear-gradient(to right, rgb(71, 74, 252), rgb(252, 70, 243));
-webkit-background-clip: text; -webkit-background-clip: text;
color: transparent; color: transparent;
font-size: 30px; font-size: 30px;
font-weight: bold;
text-align: center; text-align: center;
line-height: height; line-height: height;
} }
.zt{
.zt {
width: 90%; width: 90%;
} }
.red { .red {
color: red; color: red;
font-weight: bold; font-weight: bold;
...@@ -20,13 +23,15 @@ body{ ...@@ -20,13 +23,15 @@ body{
text-align: right; text-align: right;
height: 40px; height: 40px;
} }
.mz{
.mz {
text-align: center; text-align: center;
display: inline-block; display: inline-block;
width: 40%; width: 40%;
} }
.mz a{
border-radius: 50px; .mz a {
border-radius: 25px;
border-style: solid; border-style: solid;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
...@@ -37,13 +42,14 @@ body{ ...@@ -37,13 +42,14 @@ body{
background-color: #cb13b2; background-color: #cb13b2;
} }
.sj{ .sj {
text-align: center; text-align: center;
width: 18%; width: 18%;
display: inline-block; display: inline-block;
} }
.sj a{
border-radius: 50px; .sj a {
border-radius: 25px;
border-style: solid; border-style: solid;
color: #FFFFFF; color: #FFFFFF;
padding: 2px 7px 2px 7px; padding: 2px 7px 2px 7px;
...@@ -54,13 +60,14 @@ body{ ...@@ -54,13 +60,14 @@ body{
} }
.ss{ .ss {
width: 18%; width: 18%;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
} }
.ss a{
border-radius: 50px; .ss a {
border-radius: 25px;
border-style: solid; border-style: solid;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
...@@ -71,22 +78,23 @@ body{ ...@@ -71,22 +78,23 @@ body{
background-color: #1379cb; background-color: #1379cb;
} }
.sc{ .sc {
text-align: center; text-align: center;
width: 18%; width: 18%;
/*padding-right: 5%;*/ /*padding-right: 5%;*/
display: inline-block; display: inline-block;
} }
.sc a{
border-radius: 50px; .sc a {
border-radius: 25px;
border-style: solid; border-style: solid;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
padding: 1px 3px 1px 3px; padding: 1px 3px 1px 3px;
border-style: solid; border-style: solid;
border-color: #1379cb; border-color: #cb134d;
text-decoration: none; text-decoration: none;
background-color: #1379cb; background-color: #fa2c3a;
} }
.btn { .btn {
...@@ -314,4 +322,161 @@ h4 { ...@@ -314,4 +322,161 @@ h4 {
top: 0; top: 0;
left: 0; left: 0;
z-index: 98; z-index: 98;
}
body {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
.nav>ul {
margin: 0;
padding: 0;
display: flex;
text-align: center;
justify-content: center;
align-content: stretch;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
}
.nav{
/* margin-top: 10px; */
margin-bottom: 3px;
}
.nav .nav-litem {
position: relative;
padding: 1%;
text-align: center;
width: 76px;
}
.nav .nav-litem>a {
text-transform: uppercase;
font-size: 0.7rem;
color: white;
text-align: center;
background-color: rgb(71, 143, 250);
display: block;
line-height: 40px;
border-radius: 23%;
transition: .3s;
}
.nav .nav-litem>a:hover {
background-image: linear-gradient(to right, rgb(86, 236, 241), #f140eb);
border-radius: 23%;
}
.nav .nav-litem>ul {
visibility: hidden;
position: absolute;
font-size: 0.7rem;
top: 100%;
transition: all .3s;
width: 90%;
padding: 6px 0px;
text-align: center;
background-color: white;
border-radius: 10%;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.nav .nav-litem>ul>li:hover {
background-image: linear-gradient(to right, rgb(86, 236, 241), #f140eb);
border-radius: 10%;
}
.nav .nav-litem>ul>li>a {
line-height: 40px;
display: block;
color: rgb(100, 100, 100);
}
.nav .nav-litem:nth-child(1)>ul {
padding: 0;
overflow: hidden;
height: 0px;
visibility: visible;
}
.nav .nav-litem:nth-child(1):hover>ul {
height: 78px;
padding: 8px 0;
}
.nav .nav-litem:nth-child(2)>ul {
top: 150%;
opacity: 0;
visibility: hidden;
}
.nav .nav-litem:nth-child(2):hover>ul {
top: 100%;
visibility: visible;
opacity: 1;
}
.nav .nav-litem:nth-child(3)>ul {
transition: .5s;
opacity: 0;
visibility: hidden;
}
.nav .nav-litem:nth-child(3):hover>ul {
visibility: visible;
opacity: 1;
}
.nav .nav-litem:nth-child(4)>ul {
left: -15%;
opacity: 0;
visibility: hidden;
}
.nav .nav-litem:nth-child(4):hover>ul {
left: 0%;
visibility: visible;
opacity: 1;
}
.nav .nav-litem:nth-child(5)>ul {
opacity: 0;
visibility: hidden;
transform-origin: top;
transform: perspective(600px) rotateX(-90deg);
}
.nav .nav-litem:nth-child(5):hover>ul {
visibility: visible;
opacity: 1;
transform: perspective(600px) rotateX(0deg);
}
.xl {
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-size: 1rem;
width: 290px;
height: 26;
border-radius: 25px;
color: #eeeff9;
background-color: rgb(71, 143, 250);
display: block;
line-height: 30px;
} }
\ No newline at end of file
...@@ -4,10 +4,11 @@ body { ...@@ -4,10 +4,11 @@ body {
} }
.title { .title {
background-image: linear-gradient(to right, orange, purple); background-image: linear-gradient(to right, rgb(0, 153, 255), #ff02cc);
-webkit-background-clip: text; -webkit-background-clip: text;
color: transparent; color: transparent;
font-size: 30px; font-size: 30px;
font-weight: bold;
text-align: center; text-align: center;
line-height: height; line-height: height;
} }
...@@ -27,9 +28,7 @@ body { ...@@ -27,9 +28,7 @@ body {
.tips{ .tips{
color: #9b5df1; color: #9b5df1;
} }
.kf{
padding-top: 10px;
}
.image::after{ .image::after{
content: ""; content: "";
/*background:url('https://tuapi.eees.cc/api.php?category=dongman&type=302&px=m');*/ /*background:url('https://tuapi.eees.cc/api.php?category=dongman&type=302&px=m');*/
...@@ -48,7 +47,7 @@ body { ...@@ -48,7 +47,7 @@ body {
.btn { .btn {
margin-bottom: 1rem; margin-bottom: 1rem;
border: 1px solid #5fdefe; border: 1px solid #5fdefe;
width: 260px; width: 240px;
height: 30px; height: 30px;
text-align: center; text-align: center;
background-color: #1379cb; background-color: #1379cb;
...@@ -60,7 +59,7 @@ body { ...@@ -60,7 +59,7 @@ body {
.btn1 { .btn1 {
margin-bottom: 1rem; margin-bottom: 1rem;
border: 1px solid #5c6cf6; border: 1px solid #5c6cf6;
width: 260px; width: 240px;
height: 30px; height: 30px;
text-align: center; text-align: center;
border-radius: 50px; border-radius: 50px;
......
...@@ -2,20 +2,167 @@ ...@@ -2,20 +2,167 @@
HTML5 CSS Reset Minified - Eric Meyer HTML5 CSS Reset Minified - Eric Meyer
========================================================================== */ ========================================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} html,
body{line-height:1} body,
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} div,
nav ul{list-style:none} span,
blockquote,q{quotes:none} object,
blockquote:before,blockquote:after,q:before,q:after{content:none} iframe,
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none} h1,
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} h2,
del{text-decoration:line-through} h3,
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} h4,
table{border-collapse:collapse;border-spacing:0} h5,
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} h6,
input,select{vertical-align:middle} p,
li{list-style:none} blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent
}
body {
line-height: 1;
height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
nav ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold
}
del {
text-decoration: line-through
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help
}
table {
border-collapse: collapse;
border-spacing: 0
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
input,
select {
vertical-align: middle
}
li {
list-style: none
}
/* ============================================================================= /* =============================================================================
...@@ -24,134 +171,223 @@ li{list-style:none} ...@@ -24,134 +171,223 @@ li{list-style:none}
/* ---- base ---- */ /* ---- base ---- */
html,body{ html,
width:100%; body {
height:100%; width: 100%;
background:#111; height: 100%;
background: #000000;
}
body {
background-color: #00A1FF;
} }
html{ html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
body{ body {
font:normal 75% Arial, Helvetica, sans-serif; font: normal 75% Arial, Helvetica, sans-serif;
} }
canvas{ canvas {
display:block; display: block;
vertical-align:bottom; vertical-align: bottom;
} }
/* ---- stats.js ---- */ /* ---- stats.js ---- */
.count-particles{ .count-particles {
background: #000022; background: #000022;
position: absolute; position: absolute;
top: 48px; top: 48px;
left: 0; left: 0;
width: 80px; width: 80px;
color: #13E8E9; color: #13E8E9;
font-size: .8em; font-size: .8em;
text-align: left; text-align: left;
text-indent: 4px; text-indent: 4px;
line-height: 14px; line-height: 14px;
padding-bottom: 2px; padding-bottom: 2px;
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
font-weight: bold; font-weight: bold;
} }
.js-count-particles{ .js-count-particles {
font-size: 1.1em; font-size: 1.1em;
} }
#stats, #stats,
.count-particles{ .count-particles {
-webkit-user-select: none; -webkit-user-select: none;
margin-top: 5px; margin-top: 5px;
margin-left: 5px; margin-left: 5px;
} }
#stats{ #stats {
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
overflow: hidden; overflow: hidden;
} }
.count-particles{ .count-particles {
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
} }
/* ---- particles.js container ---- */ /* ---- particles.js container ---- */
#particles-js{ #particles-js {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url('../img/login_background.png'); /* background-image: url('../img/login_background.png'); */
background-size: cover; background-size: cover;
background-position: 50% 50%; background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
} }
.login-content{
width: 350px; .login-content {
height: 268px; width: 350px;
text-align: height: 350px;
center; text-align: center;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
top: 250px; top: 130px;
border: 1px solid #2890fa; border: 1px solid #2890fa;
background: rgba(40, 144, 250, 0.2); background: rgb(255, 255, 255);
border-radius: 5px; border-radius: 20px;
} box-shadow: 0 0 10x rgb(209, 209, 209);
.login-tit{ -webkit-box-shadowz: 0 0 10px #bbbbbb;
background: rgba(0, 0, 0, 0.8); }
border: 1px solid #2890fa;
color: #fff; .login-tit {
padding: 15px 20px; background: rgb(255 255 255);
text-align:center; border-bottom: 1px solid #2890fa;
font-size: 18px color: #000;
/* font-style: oblique; */
font-weight: bold;
padding: 15px 20px;
text-align: center;
font-size: 20px
} }
.login-tit span {
all: initial;
padding: 5px;
text-align: center;
font-size: 20px;
color: #2890fa;
font-weight: bold;
}
.login-input { .login-input {
width: 90%; width: 90%;
margin: 30px auto 0 auto; margin: 30px auto 0 auto;
} }
.login-input input{
background: rgba(0, 0, 0, 0); .login-input input {
border: 0; background: rgb(255, 255, 255);
height: 30px; background-color: #fff;
width: 100%; border-style: solid;
line-height: 30px; display: block;
color: #fff; font-style: oblique;
border-bottom: 1px solid rgba(40, 144, 250, 0.4); border-width: 1px;
height: 42px;
} width: 85%;
.login-input input:focus{ margin-left: 7%;
outline:none; line-height: 1.5;
} border-radius: 2px;
.login-btn{ color: #4e4e4e;
width: 90%; border-radius: 50px;
display: flex; border: 1px solid #d2d2d2;
color: #ffffff;
margin: 40px auto 0 auto; }
}
.login-btn-left span{ .login-input input:focus {
background: #2890fa; outline: none;
padding: 10px 30px; }
border-radius: 5px;
cursor: pointer; .login-btn {
} width: 90%;
.login-btn-right{ display: flex;
display: flex; color: #ffffff;
align-items: center; margin: 40px auto 0 auto;
margin-left: 20px }
}
.login-btn-right img{ .login-btn-left span {
margin-right: 10px background: #2890fa;
padding: 10px 30px;
border-radius: 5px;
cursor: pointer;
}
.login-btn-right {
display: flex;
align-items: center;
color: #000;
margin-left: 10px;
margin-right: 10px;
}
.login-btn-right input {
margin-right: 3px;
}
/* .login-btn-right img {
margin-right: 15px;
background-color: #000000;
} */
.layui-icon {
font-family: layui-icon !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.layui-form-item label {
position: absolute;
left: 40px;
top: 172px;
width: 38px;
line-height: 36px;
text-align: center;
color: #d2d2d2;
filter: brightness(0.9);
}
.layui-form-item1 label {
position: absolute;
left: 40px;
top: 230px;
width: 38px;
line-height: 36px;
text-align: center;
color: #d2d2d2;
filter: brightness(0.9);
}
.layui-form-item input {
padding-left: 36px;
}
.layui-form-item1 input {
padding-left: 36px;
}
.login-content img {
width: 80px;
height: 80px;
border-radius: 50%;
margin-top: 6px;
filter: brightness(1.3);
} }
\ No newline at end of file
.btn_option{ .btn_option {
border-radius: 50px; border-radius: 25px;
border-style: solid; color: #3f1ef9;
color: #FFFFFF;
text-align: center; text-align: center;
padding: 1px 3px 1px 3px; padding: 3px 6px 3px 6px;
border-style: solid; border: 1px solid #3f1ef9;
border-color: #5c6cf6; background-color: #ffffff;
text-decoration: none;
background-color: #1379cb;
} }
input.conf{ .title {
background-image: linear-gradient(to right, rgb(0, 153, 255), #ff02cc);
-webkit-background-clip: text;
color: transparent;
font-size: 30px;
font-weight: bold;
text-align: center;
line-height: height;
}
input.conf {
margin-bottom: 10px; margin-bottom: 10px;
width: 180px; width: 120px;
border-radius: 25px;
height: 20px;
border: 1px solid #60afca;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 10px;
}
.edit_conf{
border: 1px solid #000000;
color: #000000;
} }
.label{ .label3 {
font-size: 12px;
color: #5c6cf6; color: #5c6cf6;
font-weight: bold; font-weight: bold;
width: 60px;
/*display:block;*/
text-align: center; }
.label4 {
letter-spacing: 0.5em;
margin-right: -1em;
color: #5c6cf6;
font-weight: bold;
}
.label5 {
letter-spacing: 0.36em;
margin-right: -0.6em;
color: #5c6cf6;
font-weight: bold;
}
.label6 {
color: #5c6cf6;
font-weight: bold;
}
.w{
text-align: right;
width: 323px;
margin-right: 20px;
} }
\ No newline at end of file
此差异已折叠。
<html lang="en"> <html lang="en"><head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<meta http-equiv="Cache-Control" content="no-siteapp;no-transform"> <meta http-equiv="Cache-Control" content="no-siteapp;no-transform">
...@@ -9,7 +7,7 @@ ...@@ -9,7 +7,7 @@
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>dr_py首页</title> <title>dr_py首页</title>
<script src="/static/js/jquery.min.js"></script> <script src="/static/js/jquery.min.js"></script>
<link rel="stylesheet" media="screen" href="/static/css/home.css"> <link rel="stylesheet" media="screen" href="/static//css/home.css">
<script src="/static/js/grey.js"></script> <script src="/static/js/grey.js"></script>
<!-- <link rel="stylesheet" media="screen" href="/static/css/grey.css">--> <!-- <link rel="stylesheet" media="screen" href="/static/css/grey.css">-->
...@@ -18,7 +16,6 @@ ...@@ -18,7 +16,6 @@
<!--<body style="opacity: 0.5;background: #FFFFFF url(https://tuapi.eees.cc/api.php?category=dongman&type=302&px=m) no-repeat fixed center;">--> <!--<body style="opacity: 0.5;background: #FFFFFF url(https://tuapi.eees.cc/api.php?category=dongman&type=302&px=m) no-repeat fixed center;">-->
<body> <body>
<div class="image"> <div class="image">
<script> <script>
$(document).ready(function () { $(document).ready(function () {
$("#gen_config").click(function () { $("#gen_config").click(function () {
...@@ -29,9 +26,9 @@ ...@@ -29,9 +26,9 @@
}); });
}); });
</script> </script>
<h2 class="title">欢迎使用DR-PY首页界面<div class="kf"><span class="ver_title">当前版本: {{ver}}</span><span <div class="title">欢迎使用DR-PY首页界面<div class="kf"><span class="ver_title">当前版本: {{ ver }}</span>
class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div> <span class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div>
</h2> </div>
<p class="tips">可以简单的自定义爬虫实现cms数据接口</p> <p class="tips">可以简单的自定义爬虫实现cms数据接口</p>
<center> <center>
<div class="zt"> <div class="zt">
...@@ -51,37 +48,25 @@ ...@@ -51,37 +48,25 @@
<a href="/rules/clear">缓存文件列表-清除</a> <a href="/rules/clear">缓存文件列表-清除</a>
</div> </div>
<div class="btn"> <div class="btn">
<a href="{{ getHost(0) }}/config/0?ver=0">本地配置地址</a> <a href="http://localhost:5705/config/0?ver=0">本地配置地址</a>
</div> </div>
{% if is_linux %}
<div class="btn"> <div class="btn">
<a href="{{ manager0 }}" target="_blank">本地在线进程管理[linux]</a> <a href="http://localhost:9001" target="_blank">本地在线进程管理[linux]</a>
</div> </div>
{% endif %}
<div class="btn1"> <div class="btn1">
<a class="jyw" href="https://picsum.photos/1280/720/?blur=10">局域网:{{ getHost(1) }}</a> <a class="jyw" href="https://picsum.photos/1280/720/?blur=10">局域网:http://172.17.0.5:5705</a>
</div>
{% if '192.168' in getHost(1) %}
<div class="btn">
<a href="{{ getHost(1) }}/config/1?ver=0">局域网配置地址</a>
</div> </div>
{% if is_linux %}
<div class="btn"> <div class="btn">
<a href="{{ manager1 }}" target="_blank">局域网在线进程管理[linux]</a> <a href="http://docker.mudery.com:5705/config/2?ver=0">远程配置地址</a>
</div> </div>
{% endif %}
<div class="btn"> <div class="btn">
<a href="{{ getHost(1) }}/pics" target="_blank">局域网随机图片</a> <a href="http://docker.mudery.com:9001" target="_blank">远程在线进程管理[linux]</a>
</div> </div>
{% endif %}
<div class="btn">
<a href="{{ getHost(2) }}/config/2?ver=0">远程配置地址</a>
</div>
{% if is_linux %}
<div class="btn">
<a href="{{ manager2 }}" target="_blank">远程在线进程管理[linux]</a>
</div>
{% endif %}
<div class="btn"> <div class="btn">
<a href="javascript:void(0);" id="gen_config">生成配置文件</a> <a href="javascript:void(0);" id="gen_config">生成配置文件</a>
...@@ -92,5 +77,5 @@ ...@@ -92,5 +77,5 @@
</div> </div>
</center> </center>
</div> </div>
</body>
</html> </body></html>
\ No newline at end of file \ No newline at end of file
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>管理员登录</title> <title>管理员登录</title>
<meta name="description" content="particles.js is a lightweight JavaScript library for creating particles."> <meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
<meta name="author" content="道长"/> <meta name="author" content="道长">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" media="screen" href="/static/css/login.css"> <link rel="stylesheet" media="screen" href="/static/css/login.css">
<!-- 引入layui css -->
<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css" />
<!-- 引入layui js -->
<script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
<link rel="icon" href="/static/img/logo.png" type="image/x-icon"> <link rel="icon" href="/static/img/logo.png" type="image/x-icon">
</head> </head>
<body>
<!-- particles.js container --> <body style>
<div id="particles-js" style="display: flex;align-items: center;justify-content: center"> <!-- particles.js container -->
<canvas class="particles-js-canvas-el" width="500" height="753" style="width: 100%; height: 100%;"></canvas> <div id="particles-js" style="display: flex;align-items: center;justify-content: center">
</div>
<div class="login-page"> <canvas class="particles-js-canvas-el" width="1920" height="2792" style="width: 100%; height: 100%;"></canvas>
<div class="login-content"> </div>
<div class="login-tit">用户登录</div> <div class="login-page">
<div class="login-input"> <div class="login-content">
<input type="text" id="username" placeholder="账号"> <img src="https://s1.ax1x.com/2023/03/08/ppmmiNj.jpg" alt="DRPY">
</div> <div class="login-tit"><span>DRPY</span>用户登录</div>
<div class="login-input"> <div class="login-input">
<input type="password" id="password" placeholder="密码"> <div class="layui-form-item">
</div> <label class="layui-icon layui-icon-username"></label>
<div class="login-btn"> <input type="text" id="username" placeholder="账号">
<div class="login-btn-left" onClick="login()"> </div>
<span>登录</span> <div class="layui-form-item1">
</div> <label class="layui-icon layui-icon-password"></label>
<input type="password" id="password" placeholder="密码">
<div class="login-btn-right" onClick="changeImg('autologin')"> </div>
<img src="/static/img/check.png" alt="" id="picture_autologin"> 7天内自动登录
</div> </div>
<div class="login-btn-right" onClick="changeImg('remember')"> <div class="login-btn">
<img src="/static/img/check.png" alt="" id="picture_remember"> 记住密码 <div class="login-btn-left" onclick="login()">
<span>登录</span>
</div>
<div class="login-btn-right" onclick="changeImg('autologin')">
<input type="checkbox" name="zd" id="picture_autologin">7天内自动登录
</div>
<div class="login-btn-right" onclick="changeImg('remember')">
<input type="checkbox" name="mm" id="picture_remember">记住密码
</div>
</div>
</div> </div>
</div> </div>
</div>
</div>
<!-- scripts --> <!-- scripts -->
<script src="/static/js/particles.js"></script> <script src="/static/js/particles.js"></script>
<script src="/static/js/app.js"></script> <script src="/static/js/app.js"></script>
<script src="/static/js/jquery.min.js"></script> <script src="/static/js/jquery.min.js"></script>
<script src="/static/js/grey.js"></script> <script src="/static/js/grey.js"></script>
<link rel="stylesheet" type="text/css" href="/static/sweetalert/sweetalert.css"> <link rel="stylesheet" type="text/css" href="/static/sweetalert/sweetalert.css">
<script type="text/javascript" src="/static/sweetalert/sweetalert-dev.js"></script> <script type="text/javascript" src="/static/sweetalert/sweetalert-dev.js"></script>
<script> <script>
$('#picture_autologin').attr('src',"/static/img/checked.png"); $('#picture_autologin').attr('src', "/static/img/checked.png");
function changeImg(id){ function changeImg(id) {
let pic = $('#picture_'+id); let pic = $('#picture_' + id);
if(pic.attr('src') ==="/static/img/check.png"){ if (pic.attr('src') === "/static/img/check.png") {
pic.attr('src',"/static/img/checked.png") pic.attr('src', "/static/img/checked.png")
}else{ } else {
pic.attr('src',"/static/img/check.png") pic.attr('src', "/static/img/check.png")
} }
} }
function login(){ function login() {
var username = $('#username').val(); var username = $('#username').val();
var password = $('#password').val(); var password = $('#password').val();
var autologin = "no"; var autologin = "no";
let pic = $('#picture_autologin'); let pic = $('#picture_autologin');
if(pic.attr("src") ==="/static/img/checked.png"){ if (pic.attr("src") === "/static/img/checked.png") {
autologin = "yes"; autologin = "yes";
} }
console.log(username+"--"+password+'--'+autologin); console.log(username + "--" + password + '--' + autologin);
if (username!=="" && password!==""){ if (username !== "" && password !== "") {
var json = {"username":username,"password":password,"autologin":autologin,"login":"1"}; var json = { "username": username, "password": password, "autologin": autologin, "login": "1" };
// ajax_post("login.php",json,backmsg); // ajax_post("login.php",json,backmsg);
console.log(json); console.log(json);
$.post("/admin/login",json,function(result){ $.post("/admin/login", json, function (result) {
console.log(result); console.log(result);
if(result.code === 200){ if (result.code === 200) {
console.log('登录成功'); console.log('登录成功');
swal({ swal({
title : "登录提示", title: "登录提示",
text : "登录成功!\n是否重载页面?", text: "登录成功!\n是否重载页面?",
type : "success", type: "success",
showCancelButton : true, showCancelButton: true,
confirmButtonColor : '#DD6B55', confirmButtonColor: '#DD6B55',
confirmButtonText : '确定', confirmButtonText: '确定',
cancelButtonText : "取消", cancelButtonText: "取消",
closeOnConfirm : false closeOnConfirm: false
}, },
function(isConfirm) { function (isConfirm) {
if (isConfirm) { if (isConfirm) {
location.reload(); location.reload();
} }
} }
); );
// swal("登录提示","登录成功!\n正在进入个人中心","success"); // swal("登录提示","登录成功!\n正在进入个人中心","success");
// location.href = '/admin' // location.href = '/admin'
}else{ } else {
swal("登录失败!\n用户名或密码错误,请重试!","","error"); swal("登录失败!\n用户名或密码错误,请重试!", "", "error");
} }
}); });
}else{ } else {
alert('用户密码必填!'); alert('用户密码必填!');
} }
} }
</script>
</script>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -15,7 +15,8 @@ ...@@ -15,7 +15,8 @@
<link rel="stylesheet" href="/static/plugin/layui/css/layui.css"> <link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
<script src="/static/plugin/layui/layui.js"></script> <script src="/static/plugin/layui/layui.js"></script>
</head> </head>
<body> <body style="margin:0 auto">
<center>
<script> <script>
function saveConf(key,value){ function saveConf(key,value){
// let thisObj=$(obj);//js对象转jquery对象 // let thisObj=$(obj);//js对象转jquery对象
...@@ -105,28 +106,45 @@ ...@@ -105,28 +106,45 @@
}); });
}); });
</script> </script>
<h2 class="title">欢迎使用DR-PY配置界面<div><span class="ver_title">当前版本: {{ ver }}</span><span <div class="title">欢迎使用DR-PY配置界面<div><span class="ver_title">当前版本: {{ ver }}</span><span
class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div> class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div></div>
</h2> <div class="nav">
<h4> <!-- 列表 -->
<button type="button" class="yongyin"><a href="/admin">返回管理页</a></button> <ul>
<!-- <button type="button" class="yongyin"><a href="/index">返回首页</a></button>--> <!-- 一级菜单 -->
<button type="button" class="yongyin3"><a href="javascript:void(0);" <li class="nav-litem">
class="funcbtn" id="update_db">升级数据库</a></button> <a href="/admin">返回前页</a>
<button type="button" class="yongyin2"><a href="javascript:copy('cp ./tmp/dr_py-master/app.py ./app.py');" </li>
class="funcbtn" id="update_by_self">升级指令</a></button>
<button type="button" class="yongyin2"><a href="javascript:copy('cp ./tmp/dr_py-master/base/custom.conf base');" <li class="nav-litem">
class="funcbtn" id="user_custom">用户配置</a></button> <a href="javascript:void(0);" class="funcbtn" id="update_db">升级数据库</a>
</h4> </li>
<form action="#">
<li class="nav-litem">
<a href="javascript:copy('cp ./tmp/dr_py-master/app.py ./app.py');" class="funcbtn" id="update_by_self">升级指令</a>
</li>
<li class="nav-litem">
<a href="javascript:copy('cp ./tmp/dr_py-master/base/custom.conf base');" class="funcbtn" id="user_custom">用户配置</a>
</li>
</ul>
</div>
<div class="w">
<form action="#" class="m">
{% for conf in conf_lists %} {% for conf in conf_lists %}
<span class="label">
{{ conf.name }}: <span class="label{{conf.name|length}}">
{{ conf.name }}:
</span> </span>
<input class="conf" type="text" name="{{ conf.key }}" placeholder="请输入{{ conf.key }}..." value="{{ conf.value }}"/> <input class="conf" type="text" name="{{ conf.key }}" placeholder="请输入{{ conf.key }}..." value="{{ conf.value }}"/>
<a class="save_conf btn_option" href="javascript:void(0);" value="{{ conf.key }}">保存</a>
<a class="edit_conf btn_option" href="javascript:void(0);" value="{{ conf.key }}">编辑</a> <a class="edit_conf btn_option" href="javascript:void(0);" value="{{ conf.key }}">编辑</a>
<a class="save_conf btn_option" href="javascript:void(0);" value="{{ conf.key }}">保存</a>
{% if loop.last==False %}</br>{% endif %}{% endfor %} {% if loop.last==False %}</br>{% endif %}{% endfor %}
</form> </form>
</div>
</center>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -58,9 +58,9 @@ ...@@ -58,9 +58,9 @@
}); });
}); });
</script> </script>
<h2 class="title">欢迎使用drpy搜索统计界面<div class="kf"><span <div class="title">欢迎使用drpy搜索统计界面<div class="kf">
class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div> <span class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div>
</h2> </div>
<p class="tips">统计内置源参与搜索相关数据</p> <p class="tips">统计内置源参与搜索相关数据</p>
<center> <center>
<div class="zt"> <div class="zt">
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册