From 406d47e7c5ef5d729c8c8eaebd944c159e16beb8 Mon Sep 17 00:00:00 2001
From: yuanzbz <3517876561@qq.com>
Date: Sun, 22 Oct 2023 16:36:08 +0800
Subject: [PATCH] =?UTF-8?q?=E7=89=B9=E6=80=A7:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E4=B8=AD=E8=8B=B1=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/index.vue | 117 +++++++++++++++++++++++----------------
 1 file changed, 70 insertions(+), 47 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 5b44dbb..0472038 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -17,31 +17,62 @@
             <div class="name"></div>
             <div class="description"></div>
             <div class="list">
-              <div>昵称：小狼</div>
-              <div>职业：前端</div>
-              <div>公司：小公司</div>
-              <div>年龄：~~</div>
-              <div>性别：男</div>
-              <div>现住址：中国-浙江-杭州</div>
-              <div>邮箱：1135957121@qq.com</div>
-              <div>微信：19550102670(欢迎加微信入群)</div>
-              <div>技术栈：JavaScript、HTML、CSS、Vue、Node、React</div>
+              <div
+                ><span class="label">{{ $t('home.nickName') }}</span
+                >：{{ $t('home.Wolf') }}</div
+              >
+              <div
+                ><span class="label">{{ $t('home.job') }}</span
+                >：{{ $t('home.web') }}</div
+              >
+              <div
+                ><span class="label">{{ $t('home.company') }}</span
+                >：小公司</div
+              >
+              <div
+                ><span class="label">{{ $t('home.age') }}</span
+                >：~~</div
+              >
+              <div
+                ><span class="label">{{ $t('home.sex') }}</span
+                >：{{ $t('home.male') }}</div
+              >
+              <div
+                ><span class="label">{{ $t('home.currentAddress') }}</span
+                >：中国-浙江-杭州</div
+              >
+              <div
+                ><span class="label">{{ $t('home.mail') }}</span
+                >：1135957121@qq.com</div
+              >
+              <div
+                ><span class="label">{{ $t('home.WeChat') }}</span
+                >： 微信：19550102670(欢迎加微信入群)</div
+              >
+              <div
+                ><span class="label">{{ $t('home.technologyStack') }}</span
+                >：JavaScript、HTML、CSS、Vue、Node、React</div
+              >
             </div>
             <el-divider></el-divider>
-            <div style="margin-bottom: 15px"><h5>个性标签</h5></div>
+            <div style="margin-bottom: 15px"
+              ><h5>{{ $t('home.PersonalityLabel') }}</h5></div
+            >
             <div>
-              <el-tag style="margin-right: 10px">怕麻烦</el-tag>
-              <el-tag style="margin-right: 10px">健身运动</el-tag>
-              <el-tag style="margin-right: 10px">睡觉</el-tag>
-              <el-tag style="margin-right: 10px">漫威</el-tag>
+              <el-tag style="margin-right: 10px">{{ $t('home.trouble') }}</el-tag>
+              <el-tag style="margin-right: 10px">{{ $t('home.fitness') }}</el-tag>
+              <el-tag style="margin-right: 10px">{{ $t('home.sleep') }}</el-tag>
+              <el-tag style="margin-right: 10px">{{ $t('home.Marvel') }}</el-tag>
               <el-tag>向往</el-tag>
             </div>
             <el-divider></el-divider>
-            <div style="margin-bottom: 15px"><h5>最喜欢的一句话</h5></div>
-            <div>---------- 开心最重要</div>
+            <div style="margin-bottom: 15px"
+              ><h5>{{ $t('home.favoriteSentence') }}</h5></div
+            >
+            <div>---------- {{ $t('home.happy') }}</div>
             <el-divider></el-divider>
             <div style="margin-bottom: 15px"
-            ><h5>如果对你有帮助的话，可以麻烦点一颗 Star、Fork、Watch! 你的鼓励是我继续优化的动力~~</h5></div
+              ><h5>{{ $t('home.impression') }}~~</h5></div
             >
           </div>
         </el-card>
@@ -52,18 +83,16 @@
             <el-card style="margin-bottom: 10px">
               <div class="grid-content">
                 <div class="left"
-                ><el-icon style="font-size: 24px; color: white"><user /></el-icon
+                  ><el-icon style="font-size: 24px; color: white"><user /></el-icon
                 ></div>
                 <div class="right">
-                  <div
-                      class="h2"
-                      style="color: #2d8cf0"
-                  ><count-to
+                  <div class="h2" style="color: #2d8cf0">
+                    <count-to
                       :start-val="0"
                       :end-val="5268"
                       :duration="2000"
                       :autoplay="true"
-                  ></count-to
+                    ></count-to
                   ></div>
                   <div>用户访问量 </div>
                 </div>
@@ -74,18 +103,16 @@
             <el-card style="margin-bottom: 10px">
               <div class="grid-content">
                 <div class="left" style="background: #64d572"
-                ><el-icon style="font-size: 24px; color: white"><user /></el-icon
+                  ><el-icon style="font-size: 24px; color: white"><user /></el-icon
                 ></div>
                 <div class="right">
-                  <div
-                      class="h2"
-                      style="color: #64d572"
-                  ><count-to
+                  <div class="h2" style="color: #64d572">
+                    <count-to
                       :start-val="0"
                       :end-val="9599"
                       :duration="2000"
                       :autoplay="true"
-                  ></count-to
+                    ></count-to
                   ></div>
                   <div>系统消息 </div>
                 </div>
@@ -96,18 +123,16 @@
             <el-card style="margin-bottom: 10px">
               <div class="grid-content">
                 <div class="left" style="background: #f25e43"
-                ><el-icon style="font-size: 24px; color: white"><user /></el-icon
+                  ><el-icon style="font-size: 24px; color: white"><user /></el-icon
                 ></div>
                 <div class="right">
-                  <div
-                      class="h2"
-                      style="color: #f25e43"
-                  ><count-to
+                  <div class="h2" style="color: #f25e43"
+                    ><count-to
                       :start-val="0"
                       :end-val="595453"
                       :duration="2000"
                       :autoplay="true"
-                  ></count-to
+                    ></count-to
                   ></div>
                   <div>数量 </div>
                 </div>
@@ -123,24 +148,24 @@
           </template>
           <div style="display: flex">
             <el-card
-                style="flex: 1; margin-right: 20px; cursor: pointer"
-                class="card-item"
-                @click="goTo('https://ext.dcloud.net.cn/plugin?id=7511')"
+              style="flex: 1; margin-right: 20px; cursor: pointer"
+              class="card-item"
+              @click="goTo('https://ext.dcloud.net.cn/plugin?id=7511')"
             >
               <div style="color: white; margin-bottom: 10px"><h3>zb-table</h3></div>
               <div style="font-size: 12px; color: white"
-              >uniapp 表格组件
+                >uniapp 表格组件
                 支持固定表头和首列、上拉加载更多、及固定多列，表格自适应内容，排序，多选checkbox、可点击删除，编辑、合计功能，兼容多端</div
               >
             </el-card>
             <el-card
-                style="flex: 1; cursor: pointer"
-                class="card-item"
-                @click="goTo('https://github.com/zouzhibin/vue-admin-perfect')"
+              style="flex: 1; cursor: pointer"
+              class="card-item"
+              @click="goTo('https://github.com/zouzhibin/vue-admin-perfect')"
             >
               <div style="color: white; margin-bottom: 10px"><h3>vue-admin-perfect</h3></div>
               <div style="font-size: 12px; color: white"
-              >系统基于vue3+vuex+ element-plus+ts后台管理系统</div
+                >系统基于vue3+vuex+ element-plus+ts后台管理系统</div
               >
             </el-card>
           </div>
@@ -161,17 +186,15 @@
 </template>
 <script setup lang="ts">
   import { User } from '@element-plus/icons-vue'
-  import { ref } from 'vue'
   import AvatarLogo from '@/assets/image/avatar.png'
-  import weLogo from '@/assets/image/we.png'
   import CountTo from '@/components/CountTo/index.vue'
   import BarCharts from '@/views/echarts/simple/components/bar.vue'
-
+  import weLogo from '@/assets/image/we.png'
   const goTo = (url) => {
     window.open(url, '_blank')
   }
 </script>
 
 <style scoped lang="scss">
-@import "./index";
+  @import './index.scss';
 </style>