From a25eac9b7a40f4b020fc55f7503f34637a4c6e7f Mon Sep 17 00:00:00 2001
From: huangwentao <huangwentao@dianchu.com>
Date: Fri, 19 Aug 2022 14:40:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20=E4=BC=98=E5=8C=96scss?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=A4=9A=E8=AF=AD=E8=A8=80=E7=9A=84=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/lang/en-us.ts     | 1 +
 src/i18n/lang/zh-cn.ts     | 1 +
 src/layout/basic/index.vue | 2 +-
 src/views/home/index.vue   | 8 +++++---
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/i18n/lang/en-us.ts b/src/i18n/lang/en-us.ts
index f343636..dd2b295 100644
--- a/src/i18n/lang/en-us.ts
+++ b/src/i18n/lang/en-us.ts
@@ -13,5 +13,6 @@ export const lang = {
   introduction: 'A rapid development vue3 of mobile terminal template',
   home: {
     support: 'support',
+    cssMultiLanguage: 'CSS picture multi-language',
   },
 };
diff --git a/src/i18n/lang/zh-cn.ts b/src/i18n/lang/zh-cn.ts
index 63404a3..424b5c2 100644
--- a/src/i18n/lang/zh-cn.ts
+++ b/src/i18n/lang/zh-cn.ts
@@ -13,5 +13,6 @@ export const lang = {
   introduction: '一个快速开发vue3的移动端模板',
   home: {
     support: '支持',
+    cssMultiLanguage: 'css图片多语言',
   },
 };
diff --git a/src/layout/basic/index.vue b/src/layout/basic/index.vue
index d3603e9..91049be 100644
--- a/src/layout/basic/index.vue
+++ b/src/layout/basic/index.vue
@@ -62,7 +62,7 @@
   .main-page {
     box-sizing: border-box;
     padding: 40px;
-    height: calc(100vh - 88px);
+    height: calc(100vh - 200px);
     overflow-y: scroll;
     overflow-x: hidden;
   }
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index f2a9d51..2af5760 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -11,6 +11,11 @@
   <nut-cell-group :title="$t('home.support')" class="supportList">
     <nut-cell v-for="(item, index) in cellList" :key="index" :title="item" icon="Check" />
   </nut-cell-group>
+  <nut-cell-group :title="$t('home.cssMultiLanguage')" class="supportList">
+    <nut-cell>
+      <div :class="['btn-add', i18n.global.locale]"></div>
+    </nut-cell>
+  </nut-cell-group>
   <div class="btn-wrap">
     <nut-button shape="square" size="small" type="default" @click="changeLang('zh-cn')">
       {{ $t('language.zh') }}
@@ -18,7 +23,6 @@
     <nut-button shape="square" size="small" type="default" @click="changeLang('en-us')">
       {{ $t('language.en') }}
     </nut-button>
-    <div :class="['btn-add', i18n.global.locale]"></div>
   </div>
   {{ getUserInfo }}
 </template>
@@ -27,7 +31,6 @@
   import { computed } from 'vue';
   import { useUserStore } from '/@/store/modules/user';
   import { setLang, i18n } from '/@/i18n';
-
   let cellList = ['vue3', 'vite', 'vue-router', 'axios', 'Pinia', 'vue-i18n', 'vue-jsx', 'vatlet/vant/nutUI'];
   const userStore = useUserStore();
   const getUserInfo = computed(() => {
@@ -74,7 +77,6 @@
 
   .btn-wrap {
     margin: 20px;
-    display: flex;
   }
   .btn-add {
     @include main-lang-bg(302px, 82px, '/@/assets/button', 'add.png');