diff --git a/web/src/assets/login.jpg b/web/src/assets/login.jpg
new file mode 100644
index 0000000..b4ae11b
Binary files /dev/null and b/web/src/assets/login.jpg differ
diff --git a/web/src/assets/login.svg b/web/src/assets/login.svg
deleted file mode 100644
index 81394e6..0000000
--- a/web/src/assets/login.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="1457px" height="651px" viewBox="0 0 1457 651" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-    <title>bg</title>
-    <desc>Created with Sketch.</desc>
-    <g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="body">
-            <rect id="矩形" fill="#E0E3F5" transform="translate(1111.405592, 620.405592) rotate(45.000000) translate(-1111.405592, -620.405592) " x="1089.90559" y="598.905592" width="43" height="43"></rect>
-            <rect id="矩形" fill="#DEEFF6" transform="translate(127.254834, 230.254834) rotate(40.000000) translate(-127.254834, -230.254834) " x="95.254834" y="198.254834" width="64" height="64"></rect>
-            <circle id="Oval-7" fill="#C9CFED" fill-rule="nonzero" opacity="0.45" cx="1286.5" cy="27.5" r="23.5"></circle>
-            <circle id="Oval-7" fill="#E7E6E6" fill-rule="nonzero" opacity="0.45" cx="191" cy="51" r="18"></circle>
-            <circle id="Oval-7" fill="#EFEFEF" fill-rule="nonzero" opacity="0.45" cx="888" cy="499" r="18"></circle>
-            <ellipse id="Oval-7" stroke="#E4E4F2" stroke-width="10" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero" opacity="0.45" cx="1373.5" cy="331.5" rx="78.5" ry="79.5"></ellipse>
-            <ellipse id="Oval-7" stroke="#CEECF8" stroke-width="10" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero" opacity="0.45" cx="235" cy="481.5" rx="44" ry="44.5"></ellipse>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/web/src/views/user/login/main.vue b/web/src/views/user/login/main.vue
index 3ee3ea4..e69a3b8 100644
--- a/web/src/views/user/login/main.vue
+++ b/web/src/views/user/login/main.vue
@@ -220,17 +220,17 @@ export default {
 .login {
     width: 100%;
     height: 100%;
-    min-height: 624px;
-    position: relative;
     background-repeat: no-repeat;
     background-position: 50%;
-    background-size: 100%;
-    background-image: url(~@/assets/login.svg);
+    background-size: cover;
+    background-image: url(~@/assets/login.jpg);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 
     &-form {
         width: 300px;
-        margin: auto;
-        padding-top: 90px;
 
         .logo {
             display: flex;
diff --git a/web/src/views/user/login/wechat.vue b/web/src/views/user/login/wechat.vue
index 2bff7d7..776283d 100644
--- a/web/src/views/user/login/wechat.vue
+++ b/web/src/views/user/login/wechat.vue
@@ -74,6 +74,10 @@ export default {
     mounted() {
         const { code, state } = this.$route.query;
 
+        if (!code || !state) {
+            return this.$router.replace('/user/login');
+        }
+
         utils.request
             .post('/user/wechat_login', { code, state })
             .then(res => {
@@ -96,13 +100,16 @@ export default {
     height: 100%;
     background-repeat: no-repeat;
     background-position: 50%;
-    background-size: 100%;
-    background-image: url(~@/assets/login.svg);
+    background-size: cover;
+    background-image: url(~@/assets/login.jpg);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 
     &-body {
         width: 320px;
         margin: auto;
-        padding-top: 90px;
 
         .hands {
             line-height: 88px;