diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 4e02cd4d..7db425ba 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -3,6 +3,9 @@
     <div class="bg"></div>
     <div class="main">
       <div class="contain">
+        <div class="logo">
+          <el-image src="images/logo.png" fit="cover" />
+        </div>
         <div class="header">{{ title }}</div>
         <div class="content">
           <div class="block">
@@ -105,7 +108,7 @@ const login = function () {
   .contain {
     position fixed
     left 50%
-    top 50%
+    top 40%
     width 90%
     max-width 400px;
     transform translate(-50%, -50%)
@@ -113,6 +116,13 @@ const login = function () {
     color #ffffff
     border-radius 10px;
 
+    .logo {
+      text-align center
+      .el-image {
+        width 120px;
+      }
+    }
+
     .header {
       width 100%
       margin-bottom 24px
diff --git a/web/src/views/Register.vue b/web/src/views/Register.vue
index 735f14df..45c685eb 100644
--- a/web/src/views/Register.vue
+++ b/web/src/views/Register.vue
@@ -3,6 +3,10 @@
     <div class="bg"></div>
     <div class="main">
       <div class="contain">
+        <div class="logo">
+          <el-image src="images/logo.png" fit="cover" />
+        </div>
+
         <div class="header">{{ title }}</div>
         <div class="content">
           <el-form :model="formData" label-width="120px" ref="formRef" :rules="rules">
@@ -141,6 +145,13 @@ const validateMobile = function (mobile) {
     border-radius 10px;
     background rgba(255, 255, 255, 0.3)
 
+    .logo {
+      text-align center
+      .el-image {
+        width 120px;
+      }
+    }
+
     .header {
       width 100%
       margin-bottom 24px