From 664b22055e3d644f75d2f9c6833bc399a75decf6 Mon Sep 17 00:00:00 2001
From: "Captain.B" <bin@fit2cloud.com>
Date: Sat, 26 Jun 2021 11:34:55 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E7=A9=BA=E9=97=B4=EF=BC=8C=E5=88=87=E6=8D=A2=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E6=8E=A7=E4=BB=B6=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/head/LanguageSwitch.vue | 33 +++++++++++--------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/frontend/src/business/components/common/head/LanguageSwitch.vue b/frontend/src/business/components/common/head/LanguageSwitch.vue
index 76bad670e5..bd60ac461e 100644
--- a/frontend/src/business/components/common/head/LanguageSwitch.vue
+++ b/frontend/src/business/components/common/head/LanguageSwitch.vue
@@ -1,18 +1,16 @@
 <template>
-  <el-menu :unique-opened="true" class="header-user-menu align-right"
-           mode="horizontal"
-           :background-color="color"
-           text-color="#fff"
-           active-text-color="#fff">
-    <el-submenu index="1">
-      <template slot="title">
-        <span>{{ language }}</span>
-      </template>
-      <el-menu-item v-for="(value, key) in languageMap" :key="key" @click="changeLanguage(key)">
-        {{ value }} <i class="el-icon-check" v-if="language === value"/>
-      </el-menu-item>
-    </el-submenu>
-  </el-menu>
+  <el-dropdown size="medium" @command="changeLanguage" class="align-right">
+    <span class="dropdown-link">
+        <font-awesome-icon :icon="['fas', 'language']" size="lg"/>
+    </span>
+    <template v-slot:dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item :command="key" v-for="(value, key) in languageMap" :key="key">
+          {{ value }} <i class="el-icon-check" v-if="language === value"/>
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
 </template>
 
 <script>
@@ -85,6 +83,13 @@ export default {
 </script>
 
 <style scoped>
+.dropdown-link {
+  cursor: pointer;
+  font-size: 12px;
+  color: rgb(245, 245, 245);
+  line-height: 40px;
+  padding-right: 20px;
+}
 
 .el-icon-check {
   color: #44b349;