diff --git a/src/assets/icons/qq.svg b/src/assets/icons/qq.svg
new file mode 100644
index 00000000..5adcf437
--- /dev/null
+++ b/src/assets/icons/qq.svg
@@ -0,0 +1 @@
+<svg t="1650329991210" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13818" width="200" height="200"><path d="M992 160v576H32V160h960m0-32H32c-17.6 0-32 14.4-32 32v576c0 17.6 14.4 32 32 32h960c17.6 0 32-14.4 32-32V160c0-17.6-14.4-32-32-32z" fill="" p-id="13819"></path><path d="M112 880h800c9.6 0 16 6.4 16 16s-6.4 16-16 16H112c-9.6 0-16-6.4-16-16s6.4-16 16-16z" fill="" p-id="13820"></path><path d="M334.4 275.2l171.2 382.4h-40l-57.6-124.8h-158.4L192 657.6H152l172.8-382.4h9.6z m-4.8 81.6l-62.4 137.6h124.8l-62.4-137.6zM563.2 657.6v-368H640c52.8 0 91.2 3.2 115.2 11.2 24 8 44.8 19.2 64 36.8 17.6 16 32 36.8 41.6 60.8 9.6 24 14.4 51.2 14.4 83.2s-8 62.4-22.4 89.6-35.2 49.6-60.8 64c-25.6 14.4-62.4 20.8-110.4 20.8h-118.4z m35.2-35.2H640c44.8 0 76.8-1.6 96-6.4s36.8-12.8 52.8-25.6c14.4-12.8 27.2-28.8 33.6-48 8-19.2 11.2-40 11.2-64s-4.8-46.4-12.8-67.2c-9.6-20.8-22.4-36.8-38.4-51.2s-36.8-22.4-59.2-27.2c-22.4-4.8-56-6.4-100.8-6.4h-25.6l1.6 296z" fill="" p-id="13821"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/wechat.svg b/src/assets/icons/wechat.svg
new file mode 100644
index 00000000..5adcf437
--- /dev/null
+++ b/src/assets/icons/wechat.svg
@@ -0,0 +1 @@
+<svg t="1650329991210" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13818" width="200" height="200"><path d="M992 160v576H32V160h960m0-32H32c-17.6 0-32 14.4-32 32v576c0 17.6 14.4 32 32 32h960c17.6 0 32-14.4 32-32V160c0-17.6-14.4-32-32-32z" fill="" p-id="13819"></path><path d="M112 880h800c9.6 0 16 6.4 16 16s-6.4 16-16 16H112c-9.6 0-16-6.4-16-16s6.4-16 16-16z" fill="" p-id="13820"></path><path d="M334.4 275.2l171.2 382.4h-40l-57.6-124.8h-158.4L192 657.6H152l172.8-382.4h9.6z m-4.8 81.6l-62.4 137.6h124.8l-62.4-137.6zM563.2 657.6v-368H640c52.8 0 91.2 3.2 115.2 11.2 24 8 44.8 19.2 64 36.8 17.6 16 32 36.8 41.6 60.8 9.6 24 14.4 51.2 14.4 83.2s-8 62.4-22.4 89.6-35.2 49.6-60.8 64c-25.6 14.4-62.4 20.8-110.4 20.8h-118.4z m35.2-35.2H640c44.8 0 76.8-1.6 96-6.4s36.8-12.8 52.8-25.6c14.4-12.8 27.2-28.8 33.6-48 8-19.2 11.2-40 11.2-64s-4.8-46.4-12.8-67.2c-9.6-20.8-22.4-36.8-38.4-51.2s-36.8-22.4-59.2-27.2c-22.4-4.8-56-6.4-100.8-6.4h-25.6l1.6 296z" fill="" p-id="13821"></path></svg>
\ No newline at end of file
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 71b7e60d..64318e70 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -12,7 +12,8 @@ export default {
     login: 'Login',
     code: 'Verification Code',
     copyright: '',
-    icp: ''
+    icp: '',
+    thirdPartyLogin: 'third-party login'
   },
   // 导航栏国际化
   navbar: {
diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts
index 01bf8a97..1c915266 100644
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -12,7 +12,8 @@ export default {
     login: '登 录',
     code: '请输入验证码',
     copyright: '',
-    icp: ''
+    icp: '',
+    thirdPartyLogin: '第三方登录'
   },
   navbar: {
     dashboard: '首页',
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index ad5a9981..5efa4845 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -103,7 +103,7 @@
           type="primary"
           @click="showDialog = true"
         >
-          Or connect with
+          {{ $t('login.thirdPartyLogin') }}
         </el-button>
       </div>
     </el-form>
@@ -113,7 +113,7 @@
       <p>{{ $t('login.icp') }}</p>
     </div>
 
-    <el-dialog title="Or connect with" v-model="showDialog">
+    <el-dialog :title="$t('login.thirdPartyLogin')" v-model="showDialog">
       Can not be simulated on local, so please combine you own business
       simulation! ! !
       <br />