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

前端样式调整

上级 18024810
###### 2023/03/13
- [X] 3.9.37beta1 drpy前端升级为蓝莓 0313提供的代码
###### 2023/03/06
- [X] 3.9.37beta1 drpy增加属性搜索编码,用于解决某些网站搜索关键字必须是gbk编码结果的问题 目前js0已测试通过并实现了encodeStr和decodeStr函数。js1预留了逻辑暂未实现,函数已增加
- [X] 3.9.37beta2 drpy搜索编码属性已经在js0和js1上共同测试通过
......
3.9.37beta8
\ No newline at end of file
3.9.38beta1
\ No newline at end of file
因为 它太大了无法显示 source diff 。你可以改为 查看blob
body{
body {
text-align: center;
}
.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;
color: transparent;
font-size: 30px;
font-weight: bold;
text-align: center;
line-height: height;
}
.zt{
.zt {
width: 90%;
}
.red {
color: red;
font-weight: bold;
......@@ -20,13 +23,15 @@ body{
text-align: right;
height: 40px;
}
.mz{
.mz {
text-align: center;
display: inline-block;
width: 40%;
}
.mz a{
border-radius: 50px;
.mz a {
border-radius: 25px;
border-style: solid;
color: #FFFFFF;
text-align: center;
......@@ -37,13 +42,14 @@ body{
background-color: #cb13b2;
}
.sj{
.sj {
text-align: center;
width: 18%;
display: inline-block;
}
.sj a{
border-radius: 50px;
.sj a {
border-radius: 25px;
border-style: solid;
color: #FFFFFF;
padding: 2px 7px 2px 7px;
......@@ -54,13 +60,14 @@ body{
}
.ss{
.ss {
width: 18%;
text-align: center;
display: inline-block;
}
.ss a{
border-radius: 50px;
.ss a {
border-radius: 25px;
border-style: solid;
color: #FFFFFF;
text-align: center;
......@@ -71,22 +78,23 @@ body{
background-color: #1379cb;
}
.sc{
.sc {
text-align: center;
width: 18%;
/*padding-right: 5%;*/
display: inline-block;
}
.sc a{
border-radius: 50px;
.sc a {
border-radius: 25px;
border-style: solid;
color: #FFFFFF;
text-align: center;
padding: 1px 3px 1px 3px;
border-style: solid;
border-color: #1379cb;
border-color: #cb134d;
text-decoration: none;
background-color: #1379cb;
background-color: #fa2c3a;
}
.btn {
......@@ -314,4 +322,161 @@ h4 {
top: 0;
left: 0;
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 {
}
.title {
background-image: linear-gradient(to right, orange, purple);
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;
}
......@@ -27,9 +28,7 @@ body {
.tips{
color: #9b5df1;
}
.kf{
padding-top: 10px;
}
.image::after{
content: "";
/*background:url('https://tuapi.eees.cc/api.php?category=dongman&type=302&px=m');*/
......@@ -48,7 +47,7 @@ body {
.btn {
margin-bottom: 1rem;
border: 1px solid #5fdefe;
width: 260px;
width: 240px;
height: 30px;
text-align: center;
background-color: #1379cb;
......@@ -60,7 +59,7 @@ body {
.btn1 {
margin-bottom: 1rem;
border: 1px solid #5c6cf6;
width: 260px;
width: 240px;
height: 30px;
text-align: center;
border-radius: 50px;
......
......@@ -2,20 +2,167 @@
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}
body{line-height:1}
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}
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
}
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}
/* ---- base ---- */
html,body{
width:100%;
height:100%;
background:#111;
html,
body {
width: 100%;
height: 100%;
background: #000000;
}
body {
background-color: #00A1FF;
}
html{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body{
font:normal 75% Arial, Helvetica, sans-serif;
body {
font: normal 75% Arial, Helvetica, sans-serif;
}
canvas{
display:block;
vertical-align:bottom;
canvas {
display: block;
vertical-align: bottom;
}
/* ---- stats.js ---- */
.count-particles{
background: #000022;
position: absolute;
top: 48px;
left: 0;
width: 80px;
color: #13E8E9;
font-size: .8em;
text-align: left;
text-indent: 4px;
line-height: 14px;
padding-bottom: 2px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
.count-particles {
background: #000022;
position: absolute;
top: 48px;
left: 0;
width: 80px;
color: #13E8E9;
font-size: .8em;
text-align: left;
text-indent: 4px;
line-height: 14px;
padding-bottom: 2px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
.js-count-particles{
font-size: 1.1em;
.js-count-particles {
font-size: 1.1em;
}
#stats,
.count-particles{
-webkit-user-select: none;
margin-top: 5px;
margin-left: 5px;
.count-particles {
-webkit-user-select: none;
margin-top: 5px;
margin-left: 5px;
}
#stats{
border-radius: 3px 3px 0 0;
overflow: hidden;
#stats {
border-radius: 3px 3px 0 0;
overflow: hidden;
}
.count-particles{
border-radius: 0 0 3px 3px;
.count-particles {
border-radius: 0 0 3px 3px;
}
/* ---- particles.js container ---- */
#particles-js{
width: 100%;
height: 100%;
background-image: url('../img/login_background.png');
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.login-content{
width: 350px;
height: 268px;
text-align:
center;
margin: 0 auto;
position: relative;
top: 250px;
border: 1px solid #2890fa;
background: rgba(40, 144, 250, 0.2);
border-radius: 5px;
}
.login-tit{
background: rgba(0, 0, 0, 0.8);
border: 1px solid #2890fa;
color: #fff;
padding: 15px 20px;
text-align:center;
font-size: 18px
#particles-js {
width: 100%;
height: 100%;
/* background-image: url('../img/login_background.png'); */
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.login-content {
width: 350px;
height: 350px;
text-align: center;
margin: 0 auto;
position: relative;
top: 130px;
border: 1px solid #2890fa;
background: rgb(255, 255, 255);
border-radius: 20px;
box-shadow: 0 0 10x rgb(209, 209, 209);
-webkit-box-shadowz: 0 0 10px #bbbbbb;
}
.login-tit {
background: rgb(255 255 255);
border-bottom: 1px solid #2890fa;
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 {
width: 90%;
margin: 30px auto 0 auto;
}
.login-input input{
background: rgba(0, 0, 0, 0);
border: 0;
height: 30px;
width: 100%;
line-height: 30px;
color: #fff;
border-bottom: 1px solid rgba(40, 144, 250, 0.4);
}
.login-input input:focus{
outline:none;
}
.login-btn{
width: 90%;
display: flex;
color: #ffffff;
margin: 40px auto 0 auto;
}
.login-btn-left span{
background: #2890fa;
padding: 10px 30px;
border-radius: 5px;
cursor: pointer;
}
.login-btn-right{
display: flex;
align-items: center;
margin-left: 20px
}
.login-btn-right img{
margin-right: 10px
width: 90%;
margin: 30px auto 0 auto;
}
.login-input input {
background: rgb(255, 255, 255);
background-color: #fff;
border-style: solid;
display: block;
font-style: oblique;
border-width: 1px;
height: 42px;
width: 85%;
margin-left: 7%;
line-height: 1.5;
border-radius: 2px;
color: #4e4e4e;
border-radius: 50px;
border: 1px solid #d2d2d2;
}
.login-input input:focus {
outline: none;
}
.login-btn {
width: 90%;
display: flex;
color: #ffffff;
margin: 40px auto 0 auto;
}
.login-btn-left span {
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{
border-radius: 50px;
border-style: solid;
color: #FFFFFF;
.btn_option {
border-radius: 25px;
color: #3f1ef9;
text-align: center;
padding: 1px 3px 1px 3px;
border-style: solid;
border-color: #5c6cf6;
text-decoration: none;
background-color: #1379cb;
padding: 3px 6px 3px 6px;
border: 1px solid #3f1ef9;
background-color: #ffffff;
}
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;
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{
font-size: 12px;
.label3 {
color: #5c6cf6;
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">
<head>
<html lang="en"><head>
<meta charset="utf-8">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<meta http-equiv="Cache-Control" content="no-siteapp;no-transform">
......@@ -9,7 +7,7 @@
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>dr_py首页</title>
<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>
<!-- <link rel="stylesheet" media="screen" href="/static/css/grey.css">-->
......@@ -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>
<div class="image">
<script>
$(document).ready(function () {
$("#gen_config").click(function () {
......@@ -29,9 +26,9 @@
});
});
</script>
<h2 class="title">欢迎使用DR-PY首页界面<div class="kf"><span class="ver_title">当前版本: {{ver}}</span><span
class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div>
</h2>
<div class="title">欢迎使用DR-PY首页界面<div class="kf"><span class="ver_title">当前版本: {{ ver }}</span>
<span class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div>
</div>
<p class="tips">可以简单的自定义爬虫实现cms数据接口</p>
<center>
<div class="zt">
......@@ -51,37 +48,25 @@
<a href="/rules/clear">缓存文件列表-清除</a>
</div>
<div class="btn">
<a href="{{ getHost(0) }}/config/0?ver=0">本地配置地址</a>
<a href="http://localhost:5705/config/0?ver=0">本地配置地址</a>
</div>
{% if is_linux %}
<div class="btn">
<a href="{{ manager0 }}" target="_blank">本地在线进程管理[linux]</a>
<a href="http://localhost:9001" target="_blank">本地在线进程管理[linux]</a>
</div>
{% endif %}
<div class="btn1">
<a class="jyw" href="https://picsum.photos/1280/720/?blur=10">局域网:{{ getHost(1) }}</a>
</div>
{% if '192.168' in getHost(1) %}
<div class="btn">
<a href="{{ getHost(1) }}/config/1?ver=0">局域网配置地址</a>
<a class="jyw" href="https://picsum.photos/1280/720/?blur=10">局域网:http://172.17.0.5:5705</a>
</div>
{% if is_linux %}
<div class="btn">
<a href="{{ manager1 }}" target="_blank">局域网在线进程管理[linux]</a>
<a href="http://docker.mudery.com:5705/config/2?ver=0">远程配置地址</a>
</div>
{% endif %}
<div class="btn">
<a href="{{ getHost(1) }}/pics" target="_blank">局域网随机图片</a>
<a href="http://docker.mudery.com:9001" target="_blank">远程在线进程管理[linux]</a>
</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">
<a href="javascript:void(0);" id="gen_config">生成配置文件</a>
......@@ -92,5 +77,5 @@
</div>
</center>
</div>
</body>
</html>
\ No newline at end of file
</body></html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>管理员登录</title>
<meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
<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="author" content="道长">
<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">
<!-- 引入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">
</head>
<body>
<!-- particles.js container -->
<div id="particles-js" style="display: flex;align-items: center;justify-content: center">
<canvas class="particles-js-canvas-el" width="500" height="753" style="width: 100%; height: 100%;"></canvas>
</div>
<div class="login-page">
<div class="login-content">
<div class="login-tit">用户登录</div>
<div class="login-input">
<input type="text" id="username" placeholder="账号">
</div>
<div class="login-input">
<input type="password" id="password" placeholder="密码">
</div>
<div class="login-btn">
<div class="login-btn-left" onClick="login()">
<span>登录</span>
</div>
<div class="login-btn-right" onClick="changeImg('autologin')">
<img src="/static/img/check.png" alt="" id="picture_autologin"> 7天内自动登录
<body style>
<!-- particles.js container -->
<div id="particles-js" style="display: flex;align-items: center;justify-content: center">
<canvas class="particles-js-canvas-el" width="1920" height="2792" style="width: 100%; height: 100%;"></canvas>
</div>
<div class="login-page">
<div class="login-content">
<img src="https://s1.ax1x.com/2023/03/08/ppmmiNj.jpg" alt="DRPY">
<div class="login-tit"><span>DRPY</span>用户登录</div>
<div class="login-input">
<div class="layui-form-item">
<label class="layui-icon layui-icon-username"></label>
<input type="text" id="username" placeholder="账号">
</div>
<div class="layui-form-item1">
<label class="layui-icon layui-icon-password"></label>
<input type="password" id="password" placeholder="密码">
</div>
</div>
<div class="login-btn-right" onClick="changeImg('remember')">
<img src="/static/img/check.png" alt="" id="picture_remember"> 记住密码
<div class="login-btn">
<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>
<!-- scripts -->
<script src="/static/js/particles.js"></script>
<script src="/static/js/app.js"></script>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/grey.js"></script>
<link rel="stylesheet" type="text/css" href="/static/sweetalert/sweetalert.css">
<script type="text/javascript" src="/static/sweetalert/sweetalert-dev.js"></script>
<!-- scripts -->
<script src="/static/js/particles.js"></script>
<script src="/static/js/app.js"></script>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/grey.js"></script>
<link rel="stylesheet" type="text/css" href="/static/sweetalert/sweetalert.css">
<script type="text/javascript" src="/static/sweetalert/sweetalert-dev.js"></script>
<script>
$('#picture_autologin').attr('src',"/static/img/checked.png");
function changeImg(id){
let pic = $('#picture_'+id);
if(pic.attr('src') ==="/static/img/check.png"){
pic.attr('src',"/static/img/checked.png")
}else{
pic.attr('src',"/static/img/check.png")
}
}
<script>
$('#picture_autologin').attr('src', "/static/img/checked.png");
function changeImg(id) {
let pic = $('#picture_' + id);
if (pic.attr('src') === "/static/img/check.png") {
pic.attr('src', "/static/img/checked.png")
} else {
pic.attr('src', "/static/img/check.png")
}
}
function login(){
var username = $('#username').val();
var password = $('#password').val();
var autologin = "no";
let pic = $('#picture_autologin');
if(pic.attr("src") ==="/static/img/checked.png"){
autologin = "yes";
}
console.log(username+"--"+password+'--'+autologin);
if (username!=="" && password!==""){
var json = {"username":username,"password":password,"autologin":autologin,"login":"1"};
// ajax_post("login.php",json,backmsg);
console.log(json);
$.post("/admin/login",json,function(result){
console.log(result);
if(result.code === 200){
console.log('登录成功');
swal({
title : "登录提示",
text : "登录成功!\n是否重载页面?",
type : "success",
showCancelButton : true,
confirmButtonColor : '#DD6B55',
confirmButtonText : '确定',
cancelButtonText : "取消",
closeOnConfirm : false
},
function(isConfirm) {
if (isConfirm) {
location.reload();
}
function login() {
var username = $('#username').val();
var password = $('#password').val();
var autologin = "no";
let pic = $('#picture_autologin');
if (pic.attr("src") === "/static/img/checked.png") {
autologin = "yes";
}
console.log(username + "--" + password + '--' + autologin);
if (username !== "" && password !== "") {
var json = { "username": username, "password": password, "autologin": autologin, "login": "1" };
// ajax_post("login.php",json,backmsg);
console.log(json);
$.post("/admin/login", json, function (result) {
console.log(result);
if (result.code === 200) {
console.log('登录成功');
swal({
title: "登录提示",
text: "登录成功!\n是否重载页面?",
type: "success",
showCancelButton: true,
confirmButtonColor: '#DD6B55',
confirmButtonText: '确定',
cancelButtonText: "取消",
closeOnConfirm: false
},
function (isConfirm) {
if (isConfirm) {
location.reload();
}
}
);
// swal("登录提示","登录成功!\n正在进入个人中心","success");
// location.href = '/admin'
}else{
swal("登录失败!\n用户名或密码错误,请重试!","","error");
}
});
}else{
alert('用户密码必填!');
}
}
);
// swal("登录提示","登录成功!\n正在进入个人中心","success");
// location.href = '/admin'
} else {
swal("登录失败!\n用户名或密码错误,请重试!", "", "error");
}
});
} else {
alert('用户密码必填!');
}
}
</script>
</script>
</body>
</html>
\ No newline at end of file
......@@ -15,7 +15,8 @@
<link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
<script src="/static/plugin/layui/layui.js"></script>
</head>
<body>
<body style="margin:0 auto">
<center>
<script>
function saveConf(key,value){
// let thisObj=$(obj);//js对象转jquery对象
......@@ -105,28 +106,45 @@
});
});
</script>
<h2 class="title">欢迎使用DR-PY配置界面<div><span class="ver_title">当前版本: {{ ver }}</span><span
class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div>
</h2>
<h4>
<button type="button" class="yongyin"><a href="/admin">返回管理页</a></button>
<!-- <button type="button" class="yongyin"><a href="/index">返回首页</a></button>-->
<button type="button" class="yongyin3"><a href="javascript:void(0);"
class="funcbtn" id="update_db">升级数据库</a></button>
<button type="button" class="yongyin2"><a href="javascript:copy('cp ./tmp/dr_py-master/app.py ./app.py');"
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');"
class="funcbtn" id="user_custom">用户配置</a></button>
</h4>
<form action="#">
<div class="title">欢迎使用DR-PY配置界面<div><span class="ver_title">当前版本: {{ ver }}</span><span
class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div></div>
<div class="nav">
<!-- 列表 -->
<ul>
<!-- 一级菜单 -->
<li class="nav-litem">
<a href="/admin">返回前页</a>
</li>
<li class="nav-litem">
<a href="javascript:void(0);" class="funcbtn" id="update_db">升级数据库</a>
</li>
<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 %}
<span class="label">
{{ conf.name }}:
<span class="label{{conf.name|length}}">
{{ conf.name }}:
</span>
<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="save_conf btn_option" href="javascript:void(0);" value="{{ conf.key }}">保存</a>
{% if loop.last==False %}</br>{% endif %}{% endfor %}
</form>
</div>
</center>
</body>
</html>
\ No newline at end of file
......@@ -58,9 +58,9 @@
});
});
</script>
<h2 class="title">欢迎使用drpy搜索统计界面<div class="kf"><span
class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div>
</h2>
<div class="title">欢迎使用drpy搜索统计界面<div class="kf">
<span class="ver_title">框架开发:道长</span><span class="ver_title">框架美化:蓝莓</span></div>
</div>
<p class="tips">统计内置源参与搜索相关数据</p>
<center>
<div class="zt">
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册