diff --git a/static/system/admin/images/banner.png b/static/system/admin/images/banner.png
new file mode 100644
index 0000000..a509ca6
Binary files /dev/null and b/static/system/admin/images/banner.png differ
diff --git a/static/system/admin/images/logo-vue.png b/static/system/admin/images/logo-vue.png
new file mode 100644
index 0000000..46862ba
Binary files /dev/null and b/static/system/admin/images/logo-vue.png differ
diff --git a/static/system/component/pear/font/iconfont.css b/static/system/component/pear/font/iconfont.css
index 5f6eb5f..846434c 100644
--- a/static/system/component/pear/font/iconfont.css
+++ b/static/system/component/pear/font/iconfont.css
@@ -7,7 +7,6 @@
 
 .pear-icon {
   font-family: "pear-icon" !important;
-  font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/templates/system/index.html b/templates/system/index.html
index 2e2ecb7..d1f1c64 100644
--- a/templates/system/index.html
+++ b/templates/system/index.html
@@ -38,7 +38,7 @@
 						<a class="layui-icon layui-icon-username" href="javascript:;"></a>
 						<!-- 功 能 菜 单 -->
 						<dl class="layui-nav-child">
-							<dd><a user-menu-url="/system/user/center" user-menu-id="5555" user-menu-title="基本资料">基本资料</a></dd>
+							<dd><a href="javascript:void(0);" user-menu-url="/system/user/center" user-menu-id="5555" user-menu-title="基本资料">基本资料</a></dd>
 							<dd><a href="javascript:void(0);" class="logout">注销登录</a></dd>
 						</dl>
 					</li>
diff --git a/templates/system/login.html b/templates/system/login.html
index e69de29..19d9d45 100644
--- a/templates/system/login.html
+++ b/templates/system/login.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <title>登录</title>
+    {% include 'system/common/header.html' %}
+    <link rel="stylesheet" href="{{ url_for('static', filename='system/admin/css/other/login.css') }}"/>
+    <script>if (window.self != window.top) {
+        top.location.reload();
+    }</script>
+</head>
+
+<body>
+<div class="login-page"
+     style="background-image: url({{ url_for('static', filename='system/admin/images/background.svg') }})">
+    <div class="layui-row">
+        <div class="layui-col-sm6 login-bg layui-hide-xs">
+            <img class="login-bg-img" src="{{ url_for('static', filename='system/admin/images/banner.png') }}" alt=""/>
+        </div>
+        <div class="layui-col-sm6 layui-col-xs12 login-form">
+            <div class="layui-form">
+                <div class="form-center">
+                    <div class="form-center-box">
+                        <div class="top-log-title">
+                            <img class="top-log"
+                                 src="{{ url_for('static', filename='system/admin/images/logo-vue.png') }}" alt=""/>
+                            <span>Pear Admin 4.0</span>
+                        </div>
+                        <div class="top-desc">
+                            以 超 乎 想 象 的 速 度 构 建 内 部 工 具
+                        </div>
+                        <div style="margin-top: 30px;">
+                            <div class="layui-form-item">
+                                <div class="layui-input-wrap">
+                                    <div class="layui-input-prefix">
+                                        <i class="layui-icon layui-icon-username"></i>
+                                    </div>
+                                    <input lay-verify="required" placeholder="账户" autocomplete="off"
+                                           name="username" class="layui-input" value="admin">
+                                </div>
+                            </div>
+                            <div class="layui-form-item">
+                                <div class="layui-input-wrap">
+                                    <div class="layui-input-prefix">
+                                        <i class="layui-icon layui-icon-password"></i>
+                                    </div>
+                                    <input type="password" name="password" value="123456"
+                                           lay-verify="required|confirmPassword" placeholder="密码" autocomplete="off"
+                                           class="layui-input" lay-affix="eye">
+                                </div>
+                            </div>
+                            <div class="tab-log-verification">
+                                <div class="verification-text">
+                                    <div class="layui-input-wrap">
+                                        <div class="layui-input-prefix">
+                                            <i class="layui-icon layui-icon-auz"></i>
+                                        </div>
+                                        <input lay-verify="required" value="" placeholder="验证码" autocomplete="off"
+                                               name="captcha" class="layui-input">
+                                    </div>
+                                </div>
+                                <img id="captchaImage"
+                                     class="verification-img"/>
+                            </div>
+                            <div class="layui-form-item">
+                                <div class="remember-passsword">
+                                    <div class="remember-cehcked">
+                                        <input type="checkbox" name="remember-me" lay-skin="primary" title="自动登录">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="login-btn">
+                                <button type="button" lay-submit lay-filter="login" class="layui-btn login">登 录
+                                </button>
+                            </div>
+                            <div class="other-login">
+                                <div class="other-login-methods">
+                                    其他方式
+                                </div>
+                                <div class="greenText">注册账号</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- 资 源 引 入 -->
+{% include 'system/common/footer.html' %}
+<script>
+    layui.use(['form', 'button', 'popup', 'layer'], function () {
+        var form = layui.form;
+        var button = layui.button;
+        var popup = layui.popup;
+        let layer = layui.layer;
+        let $ = layui.jquery;
+        let captchaPath = "{{ url_for('system.passport.get_captcha') }}";
+
+
+        /**
+         * 刷新验证码函数
+         */
+        const refreshCaptchaImage = (function () {
+            let captchaImage = document.getElementById("captchaImage")
+            return function () {
+                captchaImage.src = captchaPath + "?" + Math.random()
+            }
+        })()
+
+        /**
+         * 立即刷新验证码并且每隔 30秒 刷新
+         */
+        const initCaptchaImageTimer = (function () {
+            let captchaImageTimer = null
+            return function () {
+                clearInterval(captchaImageTimer)
+                captchaImageTimer = setInterval(function () {
+                    refreshCaptchaImage()
+                }, 30 * 1000);
+                refreshCaptchaImage()
+            }
+        })()
+        initCaptchaImageTimer()
+
+
+        $("#captchaImage").click(function () {
+            initCaptchaImageTimer()
+        });
+
+        // 登 录 提 交
+        form.on('submit(login)', function (data) {
+            let loader = layer.load();
+            let btn = button.load({elem: '.login'});
+            $.ajax({
+                data: data.field,
+                type: "post",
+                dataType: 'json',
+                success: function (result) {
+                    layer.close(loader);
+                    btn.stop(function () {
+                        if (result.success) {
+                            popup.success(result.msg, function () {
+                                location.href = "{{ url_for('index.index') }}";
+                            })
+                        } else {
+                            popup.failure(result.msg, function () {
+                                initCaptchaImageTimer()
+                            });
+                        }
+                    })
+                }
+            });
+            return false;
+        });
+    })
+</script>
+</body>
+
+</html>
diff --git a/templates/system/login_rename.html b/templates/system/login_old.html
similarity index 100%
rename from templates/system/login_rename.html
rename to templates/system/login_old.html
