diff --git a/d2-admin.babel.REMOVED.git-id b/d2-admin.babel.REMOVED.git-id
index 5d8f0c2e..ddba107b 100644
--- a/d2-admin.babel.REMOVED.git-id
+++ b/d2-admin.babel.REMOVED.git-id
@@ -1 +1 @@
-cbf998eca74f2ff50f199103bd08a4ed12aa4d4a
\ No newline at end of file
+681ffc71f82857c857c50891b8f73e04e345c7db
\ No newline at end of file
diff --git a/src/locales/en.json b/src/locales/en.json
index c47898dd..de531a73 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -48,8 +48,14 @@
 					"button": "need any help",
 					"dialog": {
 						"join": {
-							"qq": "QQ user group with 2000 people",
-							"we": "Invite the WeChat user group after becoming friends with the author"
+							"qq": {
+								"sub-title": "Join 2,000 users and communicate with each other",
+								"title": "Please use your mobile phone QQ to scan the QR code above"
+							},
+							"we": {
+								"sub-title": "Add author WeChat friends, invite to join WeChat group",
+								"title": "Please use the mobile phone WeChat scan above the QR code"
+							}
 						},
 						"link": {
 							"text": {
diff --git a/src/locales/ja.json b/src/locales/ja.json
index d5b4cfc9..b0c5f0e8 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -48,8 +48,14 @@
 					"button": "助けが必要ですか？",
 					"dialog": {
 						"join": {
-							"qq": "2000人のQQユーザーグループ",
-							"we": "著者と友達になった後にWeChatユーザーグループを招待する"
+							"qq": {
+								"sub-title": "2,000人のユーザーに参加してお互いにコミュニケーション",
+								"title": "上記のQRコードをスキャンするには、携帯電話のQQを使用してください"
+							},
+							"we": {
+								"sub-title": "著者を追加するWeChat友達、WeChatグループに参加するよう招待する",
+								"title": "携帯電話のWeChatを使用してQRコードをスキャンしてください"
+							}
 						},
 						"link": {
 							"text": {
diff --git a/src/locales/zh-chs.json b/src/locales/zh-chs.json
index 44fca0ab..3ec07be9 100644
--- a/src/locales/zh-chs.json
+++ b/src/locales/zh-chs.json
@@ -48,8 +48,14 @@
 					"button": "需要帮助吗",
 					"dialog": {
 						"join": {
-							"qq": "容纳 2000 人的 QQ 用户群",
-							"we": "与作者成为好友后邀请进微信用户群"
+							"qq": {
+								"sub-title": "加入 2000 人用户大群共同交流",
+								"title": "请使用手机 QQ 扫面上方二维码"
+							},
+							"we": {
+								"sub-title": "添加作者微信好友，邀请加入微信群",
+								"title": "请使用手机微信扫面上方二维码"
+							}
 						},
 						"link": {
 							"text": {
diff --git a/src/locales/zh-cht.json b/src/locales/zh-cht.json
index 5d72d3ee..74575e33 100644
--- a/src/locales/zh-cht.json
+++ b/src/locales/zh-cht.json
@@ -48,8 +48,14 @@
 					"button": "需要幫助嗎",
 					"dialog": {
 						"join": {
-							"qq": "容納 2000 人的 QQ 用戶群",
-							"we": "與作者成為好友後邀請進微信用戶群"
+							"qq": {
+								"sub-title": "加入 2000 人用戶大群共同交流",
+								"title": "請使用手機 QQ 掃面上方二維碼"
+							},
+							"we": {
+								"sub-title": "添加作者微信好友，邀請加入微信群",
+								"title": "請使用手機微信掃面上方二維碼"
+							}
 						},
 						"link": {
 							"text": {
diff --git a/src/views/system/index/components/d2-help/image/qq.jpg.REMOVED.git-id b/src/views/system/index/components/d2-help/image/qq.jpg.REMOVED.git-id
deleted file mode 100644
index a957a237..00000000
--- a/src/views/system/index/components/d2-help/image/qq.jpg.REMOVED.git-id
+++ /dev/null
@@ -1 +0,0 @@
-b27de32f6832b50dc5b8b1dc613060a81f88a8e9
\ No newline at end of file
diff --git a/src/views/system/index/components/d2-help/image/qq.png.REMOVED.git-id b/src/views/system/index/components/d2-help/image/qq.png.REMOVED.git-id
new file mode 100644
index 00000000..0538b352
--- /dev/null
+++ b/src/views/system/index/components/d2-help/image/qq.png.REMOVED.git-id
@@ -0,0 +1 @@
+84166686f9c39e81a4c467ff2fe0e661dc79c9f9
\ No newline at end of file
diff --git a/src/views/system/index/components/d2-help/image/we.jpg.REMOVED.git-id b/src/views/system/index/components/d2-help/image/we.jpg.REMOVED.git-id
deleted file mode 100644
index b485920f..00000000
--- a/src/views/system/index/components/d2-help/image/we.jpg.REMOVED.git-id
+++ /dev/null
@@ -1 +0,0 @@
-12bb778e8779f32a46ee756e6dbb890024b40f5d
\ No newline at end of file
diff --git a/src/views/system/index/components/d2-help/image/we.png.REMOVED.git-id b/src/views/system/index/components/d2-help/image/we.png.REMOVED.git-id
new file mode 100644
index 00000000..80541dee
--- /dev/null
+++ b/src/views/system/index/components/d2-help/image/we.png.REMOVED.git-id
@@ -0,0 +1 @@
+602f585a258a64963f268f9ce844cf3d88be72ec
\ No newline at end of file
diff --git a/src/views/system/index/components/d2-help/index.vue b/src/views/system/index/components/d2-help/index.vue
index 83a59be0..5cbbb56c 100644
--- a/src/views/system/index/components/d2-help/index.vue
+++ b/src/views/system/index/components/d2-help/index.vue
@@ -9,7 +9,7 @@
       width="600px"
       :visible.sync="dialogVisible"
       :append-to-body="true">
-      <div style="margin-top: -25px; margin-bottom: -25px;">
+      <div style="margin-top: -25px;">
         <h2 class="d2-mt-0">
           {{ $t('views.system.index.help.dialog.sub-title.doc') }}
         </h2>
@@ -30,20 +30,18 @@
         <h2>{{ $t('views.system.index.help.dialog.sub-title.join') }}</h2>
         <el-row :gutter="20">
           <el-col :span="12">
-            <el-alert
-              :closable="false"
-              type="info"
-              :title="$t('views.system.index.help.dialog.join.qq')"
-              class="d2-mb"/>
-            <img src="./image/qq.jpg" style="width: 100%;">
+            <img src="./image/qq.png" style="width: 100%;">
+            <div class="d2-help--qr-info">
+              {{ $t('views.system.index.help.dialog.join.qq.title') }}<br/>
+              {{ $t('views.system.index.help.dialog.join.qq.sub-title') }}
+            </div>
           </el-col>
           <el-col :span="12">
-            <el-alert
-              :closable="false"
-              type="info"
-              :title="$t('views.system.index.help.dialog.join.we')"
-              class="d2-mb"/>
-            <img src="./image/we.jpg" style="width: 100%;">
+            <img src="./image/we.png" style="width: 100%;">
+            <div class="d2-help--qr-info">
+              {{ $t('views.system.index.help.dialog.join.we.title') }}<br/>
+              {{ $t('views.system.index.help.dialog.join.we.sub-title') }}
+            </div>
           </el-col>
         </el-row>
       </div>
@@ -60,3 +58,21 @@ export default {
   }
 }
 </script>
+
+<style lang="scss" scoped>
+.d2-help--qr-info {
+  background-color: #f4f4f5;
+  color: #909399;
+  width: 100%;
+  padding: 8px 16px;
+  margin: 0;
+  box-sizing: border-box;
+  border-radius: 4px;
+  position: relative;
+  overflow: hidden;
+  opacity: 1;
+  display: flex;
+  align-items: center;
+  transition: opacity .2s;
+}
+</style>