bc5f3d24 by Zelig

登入页面

1 parent a331bb2b
1 <?php
2 defined('BASEPATH') OR exit('No direct script access allowed');
3
4 class Login extends CI_Controller {
5 public function index()
6 {
7 $this->load->view('login');
8 }
9 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -11,6 +11,13 @@ ...@@ -11,6 +11,13 @@
11 <link rel="stylesheet" type="text/css" href="/resource/lib/Hui-iconfont/1.0.8/iconfont.css" /> 11 <link rel="stylesheet" type="text/css" href="/resource/lib/Hui-iconfont/1.0.8/iconfont.css" />
12 <link rel="stylesheet" type="text/css" href="/resource/static/h-ui.admin/skin/default/skin.css" id="skin" /> 12 <link rel="stylesheet" type="text/css" href="/resource/static/h-ui.admin/skin/default/skin.css" id="skin" />
13 <link rel="stylesheet" type="text/css" href="/resource/static/h-ui.admin/css/style.css" /> 13 <link rel="stylesheet" type="text/css" href="/resource/static/h-ui.admin/css/style.css" />
14 <?php
15 if (isset($styles) && is_array($styles)) {
16 foreach($styles as $style) {
17 echo '<link rel="stylesheet" type="text/css" href="'.$style.'" />';
18 }
19 }
20 ?>
14 <meta name="keywords" content=""> 21 <meta name="keywords" content="">
15 <meta name="description" content=""> 22 <meta name="description" content="">
16 <title>标题</title> 23 <title>标题</title>
......
1 <?php
2 $this->load->view('common/header', ['styles' => [
3 '/resource/login.css'
4 ]]);
5 ?>
6
7 <body>
8 <div class="login_box">
9 <div class="login">
10 <div class="login_logo">
11 <img src="/resource/logo.png">
12 </div>
13 <div class="login_name">
14 <p>后台管理系统</p>
15 </div>
16 <form method="post">
17 <input name="username" type="text" placeholder="用户名">
18 <input name="password" type="password" placeholder="密码">
19 <input value="登录" type="submit">
20 </form>
21 </div>
22 <div class="copyright">
23 版权所有©2018 杭州XX网络有限公司
24 <br />
25 (推荐IE10以上浏览器或谷歌浏览器或firefox浏览器, 获得更快响应速度)
26 </div>
27 </div>
28 </body>
29 </html>
...\ No newline at end of file ...\ No newline at end of file
1 @charset "utf-8";
2 /* CSS Document */
3
4 * { font: 13px/1.5 '微软雅黑'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; padding:0; margin:0; list-style:none; box-sizing: border-box; }
5 body, html { height:100%; overflow:hidden; }
6 body { background:#93defe; background-size: cover; }
7 a { color:#27A9E3; text-decoration:none; cursor:pointer; }
8 img{ border:none;}
9
10 .login_box{ width:1100px; margin:120px auto 0;}
11 .login {height:360px; width:400px; padding:50px; background-color: #ffffff;border-radius:6px;box-sizing: border-box; margin:0 auto; position:relative; margin-top:50px;}
12 .login_logo{ width:120px; height:120px; border:5px solid #93defe;border-radius:100px; background:#fff; text-align:center; line-height:110px; position:absolute; top:-60px; right:140px;}
13 .login_name{ width:100%; float:left; text-align:center; margin-top:20px;}
14 .login_name p{ width:100%; text-align:center; font-size:18px; color:#444; padding:10px 0 20px;}
15 .login_logo img{ width:60px; height:60px;display: inline-block; vertical-align: middle;}
16 input[type=text], input[type=file], input[type=password], input[type=email], select { border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #555555; outline:none; width:100%;margin-bottom: 15px;line-height:50px; color:#888;}
17 input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border: 1px solid #27A9E3; }
18 input[type=submit], input[type=button] { display: inline-block; vertical-align: middle; padding: 12px 24px; margin: 0px; font-size:16px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #ffffff; background-color: #27A9E3; border-radius: 3px; border: none; -webkit-appearance: none; outline:none; width:100%; }
19 .copyright { font-size:14px; color:#fff; display:block;width:100%; float:left; text-align:center; margin-top:60px;}
20
21 #password_text{border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #888; outline:none; width:100%;margin-bottom: 15px;display: block; line-height:50px;}
...\ No newline at end of file ...\ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!