diff --git a/src/assets/icons/dingding.png b/src/assets/icons/dingding.png
deleted file mode 100644
index 3edae93..0000000
Binary files a/src/assets/icons/dingding.png and /dev/null differ
diff --git a/src/assets/icons/gitee-fill-round.png b/src/assets/icons/gitee-fill-round.png
new file mode 100644
index 0000000..458efa0
Binary files /dev/null and b/src/assets/icons/gitee-fill-round.png differ
diff --git a/src/assets/icons/gitee.png b/src/assets/icons/gitee.png
deleted file mode 100644
index 736345d..0000000
Binary files a/src/assets/icons/gitee.png and /dev/null differ
diff --git a/src/assets/icons/github-fill.png b/src/assets/icons/github-fill.png
new file mode 100644
index 0000000..418b4bc
Binary files /dev/null and b/src/assets/icons/github-fill.png differ
diff --git a/src/assets/icons/github.png b/src/assets/icons/github.png
deleted file mode 100644
index d83a105..0000000
Binary files a/src/assets/icons/github.png and /dev/null differ
diff --git a/src/assets/icons/wechat-fill.png b/src/assets/icons/wechat-fill.png
new file mode 100644
index 0000000..c32e4f1
Binary files /dev/null and b/src/assets/icons/wechat-fill.png differ
diff --git a/src/assets/icons/wechat.png b/src/assets/icons/wechat.png
deleted file mode 100644
index ae98f84..0000000
Binary files a/src/assets/icons/wechat.png and /dev/null differ
diff --git a/src/assets/styles/login.scss b/src/assets/styles/login.scss
index 13f4b71..9cc0e1d 100644
--- a/src/assets/styles/login.scss
+++ b/src/assets/styles/login.scss
@@ -14,13 +14,13 @@
 .title {
   margin: 0px auto 30px auto;
   text-align: center;
-  color: #fff;
+  // color: #fff;
 }
 
 .login-form {
   border-radius: 6px;
-  // background: #ffffff;
-  background-color: hsla(0, 0%, 100%, 0.3);
+  background: #ffffff;
+  // background-color: hsla(0, 0%, 100%, 0.3);
   width: 310px;
   padding: 25px 15px 5px 15px;
   position: relative;
diff --git a/src/i18n/pages/login/en.json b/src/i18n/pages/login/en.json
index 22b7134..3bb1720 100644
--- a/src/i18n/pages/login/en.json
+++ b/src/i18n/pages/login/en.json
@@ -8,6 +8,8 @@
     "loginSuccess": "login success",
     "loginTimeOut": "Login status has expired, please log in again",
     "reLogin": "re-register",
-    "invalidSession": "Invalid session, or session has expired, please log in again."
+    "invalidSession": "Invalid session, or session has expired, please log in again.",
+    "otherLoginWay": "Other",
+    "register": "Sign up now"
   }
-}
\ No newline at end of file
+}
diff --git a/src/i18n/pages/login/zh-cn.json b/src/i18n/pages/login/zh-cn.json
index ceb77f4..ca0d051 100644
--- a/src/i18n/pages/login/zh-cn.json
+++ b/src/i18n/pages/login/zh-cn.json
@@ -8,6 +8,8 @@
     "loginSuccess": "登录成功",
     "loginTimeOut": "登录状态已过期，请重新登录",
     "reLogin": "重新登录",
-    "invalidSession": "无效的会话，或者会话已过期，请重新登录。"
+    "invalidSession": "无效的会话，或者会话已过期，请重新登录。",
+    "otherLoginWay": "其他登录方式",
+    "register": "立即注册"
   }
-}
\ No newline at end of file
+}
diff --git a/src/i18n/pages/login/zh-tw.json b/src/i18n/pages/login/zh-tw.json
index 069130b..ae9e9bb 100644
--- a/src/i18n/pages/login/zh-tw.json
+++ b/src/i18n/pages/login/zh-tw.json
@@ -8,6 +8,8 @@
     "loginSuccess": "登錄成功",
     "loginTimeOut": "登錄狀態已過期，請重新登錄",
     "reLogin": "重新登錄",
-    "invalidSession": "無效的會話，或者會話已過期，請重新登錄。"
+    "invalidSession": "無效的會話，或者會話已過期，請重新登錄。",
+    "otherLoginWay": "其他登錄方式",
+    "register": "立即註冊"
   }
-}
\ No newline at end of file
+}
diff --git a/src/views/login.vue b/src/views/login.vue
index 169e6b5..49f66de 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -44,7 +44,7 @@
 
       <div style="display: flex; justify-content: space-between">
         <el-checkbox v-model="loginForm.rememberMe">{{ $t('login.rememberMe') }}</el-checkbox>
-        <router-link class="link-type" :to="'/register'">立即注册</router-link>
+        <router-link class="link-type" :to="'/register'">{{ $t('login.register') }}</router-link>
       </div>
 
       <el-form-item style="width: 100%">
@@ -53,12 +53,12 @@
           <span v-else>登 录 中...</span>
         </el-button>
       </el-form-item>
-      <el-form-item>
-        <img src="../assets/icons/gitee.png" alt="" class="login-icon" @click="onAuth('GITEE')" />
-        <img src="../assets/icons/github.png" alt="" class="login-icon" />
-        <img src="../assets/icons/dingding.png" alt="" class="login-icon" />
-        <img src="../assets/icons/wechat.png" alt="" class="login-icon" />
-      </el-form-item>
+      <div class="other-login">
+        <el-divider>{{ $t('login.otherLoginWay') }}</el-divider>
+        <img src="../assets/icons/gitee-fill-round.png" alt="" class="login-icon" @click="onAuth('GITEE')" />
+        <img src="../assets/icons/github-fill.png" alt="" class="login-icon" />
+        <img src="../assets/icons/wechat-fill.png" alt="" class="login-icon" />
+      </div>
     </el-form>
 
     <!--  底部  -->
@@ -177,5 +177,9 @@ getCookie()
 .login-icon {
   width: 30px;
   margin-right: 10px;
+  cursor: pointer;
+}
+.other-login {
+  padding: 0px 10px 5px;
 }
 </style>