浏览代码

全新后台登录页面

Karson 5 年之前
父节点
当前提交
7150bea947

+ 1 - 1
application/admin/controller/Index.php

@@ -102,7 +102,7 @@ class Index extends Backend
             $this->redirect($url);
         }
         $background = Config::get('fastadmin.login_background');
-        $background = stripos($background, 'http') === 0 ? $background : config('site.cdnurl') . $background;
+        $background = $background ? (stripos($background, 'http') === 0 ? $background : config('site.cdnurl') . $background) : '';
         $this->view->assign('background', $background);
         $this->view->assign('title', __('Login'));
         Hook::listen("admin_login_init", $this->request);

+ 25 - 20
application/admin/view/index/login.html

@@ -6,20 +6,17 @@
     <style type="text/css">
         body {
             color: #999;
-            background: url('{$background}');
+            background: #f1f4fd url('{$background}');
             background-size: cover;
         }
 
         a {
-            color: #fff;
+            color: #444;
         }
 
-        .login-panel {
-            margin-top: 150px;
-        }
 
         .login-screen {
-            max-width: 400px;
+            max-width: 430px;
             padding: 0;
             margin: 100px auto 0 auto;
 
@@ -27,18 +24,12 @@
 
         .login-screen .well {
             border-radius: 3px;
-            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-            background: rgba(255, 255, 255, 0.2);
-            border: 1px solid rgba(227, 227, 227, 0.4);
-        }
-
-        .login-screen .input-group .input-group-addon, .login-screen input.form-control {
-            /*border-color: transparent;*/
-        }
-
-        .login-screen .copyright {
-            text-align: center;
+            -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
+            background: rgba(255, 255, 255, 1);
+            border: none;
+            overflow: hidden;
+            padding: 0;
         }
 
         @media (max-width: 767px) {
@@ -50,17 +41,28 @@
         .profile-img-card {
             width: 100px;
             height: 100px;
-            margin: 10px auto;
             display: block;
             -moz-border-radius: 50%;
             -webkit-border-radius: 50%;
             border-radius: 50%;
+            margin: -93px auto 30px;
+            border: 5px solid #fff;
         }
 
         .profile-name-card {
             text-align: center;
         }
 
+        .login-head {
+            background: #899fe1;
+        }
+
+        .login-form {
+            padding: 40px 30px;
+            position: relative;
+            z-index: 99;
+        }
+
         #login-form {
             margin-top: 20px;
         }
@@ -76,6 +78,9 @@
     <div class="login-wrapper">
         <div class="login-screen">
             <div class="well">
+                <div class="login-head">
+                    <img src="__CDN__/assets/img/login-head.png" style="width:100%;"/>
+                </div>
                 <div class="login-form">
                     <img id="profile-img" class="profile-img-card" src="__CDN__/assets/img/avatar.png"/>
                     <p id="profile-name" class="profile-name-card"></p>
@@ -108,7 +113,7 @@
                             </label>
                         </div>
                         <div class="form-group">
-                            <button type="submit" class="btn btn-success btn-lg btn-block">{:__('Sign in')}</button>
+                            <button type="submit" class="btn btn-success btn-lg btn-block" style="background:#708eea;">{:__('Sign in')}</button>
                         </div>
                     </form>
                 </div>

+ 1 - 1
application/config.php

@@ -270,7 +270,7 @@ return [
         //是否开启IP变动检测
         'loginip_check'         => true,
         //登录页默认背景图
-        'login_background'      => "/assets/img/loginbg.jpg",
+        'login_background'      => "",
         //是否启用多级菜单导航
         'multiplenav'           => false,
         //是否开启多选项卡(仅在开启多级菜单时起作用)

二进制
public/assets/img/login-head.png


二进制
public/assets/img/loginbg.jpg