update select lang icon

lqsong · Sep 25, 2021 · 6d639d1 · 6d639d1
1 parent e794cad
commit 6d639d1
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/src/assets/iconsvg/language-outline.svg b/src/assets/iconsvg/language-outline.svg
diff --git a/src/components/SelectLang/index.vue b/src/components/SelectLang/index.vue
@@ -1,7 +1,8 @@
 <template>
     <el-dropdown @command="changeLang">
         <span class="dropDown">
-            <i class="el-icon-football"></i>
+            <!-- <i class="el-icon-football"></i> -->
+            <icon-svg type="language-outline" ></icon-svg>
         </span>
         <template #dropdown>
             <el-dropdown-menu class="menu">
@@ -19,6 +20,7 @@
 import { defineComponent, WritableComputedRef } from "vue";
 import { setI18nLanguage } from "@/config/i18n";
 import { useI18n } from "vue-i18n";
+import IconSvg from "@/components/IconSvg";
 interface SelectLangSetupData {
     locales: string[];
     languageLabels: {[key: string]: string};
@@ -29,6 +31,9 @@ interface SelectLangSetupData {
 
 export default defineComponent({
     name: 'SelectLang',
+    components: {
+        IconSvg
+    },
     setup(): SelectLangSetupData {
 
         const { locale }  = useI18n();

diff --git a/src/layouts/IndexLayout/components/RightTop.vue b/src/layouts/IndexLayout/components/RightTop.vue
@@ -190,7 +190,8 @@ export default defineComponent({
       .indexlayout-top-selectlang {
         padding-left: 10px;
         .dropDown {
-          i {
+          i,
+          .svg-icon {
             font-size: 16px;
             color: #c0c4cc;
           }
@@ -240,7 +241,8 @@ export default defineComponent({
         }
         .indexlayout-top-selectlang {
           .dropDown {
-            i {
+            i,
+            .svg-icon {
               color: $heading-color;
             }
           }

diff --git a/src/layouts/UserLayout/index.vue b/src/layouts/UserLayout/index.vue
@@ -54,7 +54,8 @@ export default defineComponent({
 
     ::v-deep(.el-dropdown) {
         .dropDown {
-            i {
+            i,
+            .svg-icon {
                 color: #ffffff;
                 font-size: 16px;
             }