From 22c391ddb05a0bf65f559ce8aeb3eadac801193c Mon Sep 17 00:00:00 2001 From: chengkun <chengkun@ishangstudy.com> Date: Mon, 12 May 2025 17:24:08 +0800 Subject: [PATCH] 提交 --- app/template/admin/login.htm | 34 +--- admin/images/admin.css | 291 ++++++++++++++++++++++++++++++++---------------- 2 files changed, 204 insertions(+), 121 deletions(-) diff --git a/admin/images/admin.css b/admin/images/admin.css index c03c3d0..259732b 100644 --- a/admin/images/admin.css +++ b/admin/images/admin.css @@ -1,111 +1,206 @@ @CHARSET "GBK"; -body{ - margin: 0; - padding: 0; - font-size: 12px; -background:#cce8f4 url(./admin_bg.png) repeat-x top ;width:100%;height:100%;font-family:"microsoft yahei" -}.logoin_c{width:544px; margin:0 auto; } -.logoin_cont{width:1000px; margin:0 auto} -.admin_logo_bg{width:100%; min-width:1000px;background:url("./lo_bg.jpg") no-repeat top right;} -.logoin_top{width:100%;height:158px;} -.login_box{ - width:1000px; - height:408px; - background: url("./logioin_bg2.png") no-repeat top; - margin:0 auto + +body { + margin: 0; + padding: 0; + font-size: 12px; + width: 100%; + height: 100%; + font-family: "microsoft yahei" } -.logoin_title{width:100%;height:57px; float:left; background:url(../images/logoin_line.png) no-repeat 70px bottom; text-align:center} -.logoin_logo{width:100%;height:60px; text-align:center; margin-top:15px; float:left} -.logoin_title_c{width:351px; margin:0 auto;} -.logoin_title img{ display:block; margin:5px auto} -.login_iptbox{ +.logoin_c { + width: 544px; + margin: 0 auto; + padding: 80px 20px; + border: 1px solid #ddd; + border-radius: 5px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) +} - color:#000; - text-align: center; - margin-left:15px; - _margin-left:0px; +.logoin_cont { + width: 50%; + margin: 0 auto +} + +.admin_logo_bg { + width: 100%; + min-width: 1000px; +} + +.logoin_top { + width: 100%; + height: 158px; +} + +.login_box { + height: 408px; + margin: 0 auto; + display: flex; + align-items: center; +} + +.logoin_title { + width: 100%; + text-align: center; + font-size: 28px; +} + +.logoin_logo { + width: 100%; + height: 60px; + text-align: center; + margin-top: 15px; + float: left +} + +.logoin_title_c { + width: 351px; + margin: 0 auto; +} + +.logoin_title img { + display: block; + margin: 5px auto +} + +.login_iptbox { + color: #000; + text-align: center; +} + +.logoin_list { + width: 100%; +} + +.logoin_list li { + width: 300px; + margin: 10px auto; +} + +.logoin_list li .admin_login_s { + width: 120px; + color: #65635f; + font-size: 14px; + display: block; + text-align: right; + line-height: 38px; +} + +.login_iptbox .ipt { + width: 300px; +} + +.login_iptbox .ipt_code { + width: 125px; + height: 29px; + line-height: 29px; + color: #666; + display: block; + background: url(./lo_yz.png) no-repeat; + border: none; } -.logoin_list{width:100%; float:left; list-style:none; padding:0; margin:0} -.logoin_list li{width:100%; float:left; margin-top:10px;} -.logoin_list li .admin_login_s{width:120px;color:#65635f; font-size:14px; float:left; display:block; text-align:right; line-height:38px;} -.login_iptbox .ipt{ - width:260px; - height:38px; - display:block; float:left; - border:1px solid #ddd; - line-height:38px; - color:#666 +.login_iptbox img { + float: left; + margin-left: 10px; + margin-top: 3px; } -.login_iptbox .ipt_code{ - width:125px; -height:29px; -line-height:29px; -color:#666; - display:block; float:left; - background:url(./lo_yz.png) no-repeat; - border:none; - +.login_iptbox .ipt_btn { + width: 110px; + height: 34px; + background: url("./lo_sub.png") no-repeat; + border: none; + display: block; + float: left; + cursor: pointer } -.login_iptbox img{ float:left; margin-left:10px; margin-top:3px;} -.login_iptbox .ipt_btn{ - width:110px; - height:34px; - background: url("./lo_sub.png") no-repeat; - border: none; - display:block; float:left; - cursor:pointer +#code_img { + position: relative; + background: url(./login_ts140x89.gif) no-repeat; + width: 140px; + height: 89px; + left: 430px; + top: -133px; + text-align: center; + display: none; + color: #000; } -#code_img{ - position:relative; - background:url(./login_ts140x89.gif) no-repeat; - width:140px; - height:89px; - left:430px; - top:-133px; - text-align:center; - display:none; - color:#000; - } - .admintop{ - background-color: #3A6EA5; - height:81px; - } - .logodiv{ - width:136px; - height:81px; - float: left; - } - .logo_a{ - display:block; - width:136px; - height:81px; - background: url("./logo.gif"); - } - .adminshell{ - width:600px; - height:81px; - margin-left: 10px; - float:left; - } - .admininfo{ - width:600px; - height:40px; - line-height:40px; - } - .adminmenu ul{ - list-style: none; - margin: 0; - padding: 0; - } - .adminmenu li{ - float: left; - } - .admin_login_sub{width:126px;height:35px; margin-right:10px; border:none; background:#076893;color:#fff; float:left; font-size:14px; cursor:pointer;border-radius:3px; font-weight:bold} - .admin_login_sub1{ background:#ff7300} - .admin_verification{width:262px; float:left} \ No newline at end of file + +.admintop { + background-color: #3A6EA5; + height: 81px; +} + +.logodiv { + width: 136px; + height: 81px; + float: left; +} + +.logo_a { + display: block; + width: 136px; + height: 81px; + background: url("./logo.gif"); +} + +.adminshell { + width: 600px; + height: 81px; + margin-left: 10px; + float: left; +} + +.admininfo { + width: 600px; + height: 40px; + line-height: 40px; +} + +.adminmenu ul { + list-style: none; + margin: 0; + padding: 0; +} + +.adminmenu li { + float: left; +} + +.admin_login_sub { + width: 126px; + height: 35px; + border: none; + background: #076893; + color: #fff; + font-size: 14px; + cursor: pointer; + border-radius: 3px; + font-weight: bold +} + +.admin_login_sub1 { + background: #ff7300 +} + +.admin_verification { + width: 262px; + float: left +} + +.admin_login_sub_box { + display: flex; + align-items: center; + justify-content: space-between; +} + +.login_code { + display: flex; + align-items: center; + justify-content: space-between; +} \ No newline at end of file diff --git a/app/template/admin/login.htm b/app/template/admin/login.htm index 3cfeb88..401dd7a 100644 --- a/app/template/admin/login.htm +++ b/app/template/admin/login.htm @@ -4,8 +4,8 @@ <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <link href="images/admin.css?v={yun:}$config.cachecode{/yun}" rel="stylesheet" type="text/css" /> - <link href="{yun:}$config.sy_weburl{/yun}/js/layui/css/layui.css?v={yun:}$config.cachecode{/yun}" rel="stylesheet" type="text/css" /> - + <link rel="stylesheet" href="../js/layui/css/layui.css?v={yun:}$config.cachecode{/yun}"> + <script src="../js/layui/layui.js?v={yun:}$config.cachecode{/yun}"></script> <title>{yun:}$config.sy_webname{/yun} - 后台管理中心</title> </head> @@ -15,29 +15,18 @@ <div class="logoin_cont"> <div class="login_box"> <div class="logoin_c"> - <div class="logoin_logo"> - <img src="images/logoin_logo.png"> - </div> <div class="logoin_title"> - <div class=""> - <img src="images/logo_t.png?v={yun:}$config.cachecode{/yun}"> - </div> + 后台管理中心 </div> <div id="bind-captcha" data-id="sublogin" data-type="submit"></div> <div class="login_iptbox"> - <form action="" method="post" target="supportiframe" autocomplete="off" id="sublogin" onsubmit="return checkform();"> + <form action="" method="post" target="supportiframe" autocomplete="off" id="sublogin" onsubmit="return checkform();" class="layui-form"> <ul class="logoin_list"> <li> - <span class="admin_login_s"> - <label for="username">用户名:</label> - </span> - <input type="text" class="ipt" size="10" name="username" id="username" value="" /> + <input type="text" class="ipt layui-input" size="10" name="username" id="username" value="" placeholder="请输入用户名" /> </li> <li> - <span class="admin_login_s"> - <label for="password">密 码:</label> - </span> - <input type="password" class="ipt" name="password" id="password" value="" /> + <input type="password" class="ipt layui-input" name="password" id="password" value="" placeholder="请输入密码" /> </li> {yun:}if strpos($config.code_web,"后台登录")!==false{/yun} <li> @@ -49,16 +38,15 @@ <input type="hidden" id="bind-submit"> </div> {yun:}else{/yun} - <span class="admin_login_s"><label for="code">验证码:</label></span> - <input type="text" id="ipt_code" class="ipt" style="width:125px;" name="authcode" value="" /> - <img src="{yun:}$config.sy_weburl{/yun}/app/include/authcode.inc.php" align="absmiddle" id="vcode_imgs" onclick="checkCode('vcode_imgs');"> + <div class="login_code"> + <input type="text" id="ipt_code" class="ipt layui-input" style="width:125px;" name="authcode" value="" /> + <img src="{yun:}$config.sy_weburl{/yun}/app/include/authcode.inc.php" align="absmiddle" id="vcode_imgs" onclick="checkCode('vcode_imgs');"> + </div> {yun:}/if{/yun} </li> {yun:}/if{/yun} <li> - <span class="admin_login_s"> </span> - <input type="submit" class="admin_login_sub" name="login_sub" value="登录" /> - <input type="reset" class="admin_login_sub admin_login_sub1" name="login_sub" value="重置" /> + <button type="submit" class="layui-btn layui-btn-fluid">登录</button> </li> </ul> <input type="hidden" name="pytoken" value="{yun:}$pytoken{/yun}"> -- Gitblit v1.9.0