多语言

src/views/mine/Archives.vue

@@ -15,7 +15,7 @@
                         <template v-slot:icon><UserOutlined /></template>
                     </a-avatar>
                     <div class="mengceng" style="width: 85px;height: 85px;">
-                        修改头像
+                        {{lan.$t('xiugaitouxiang')}}
                     </div>
                 </a-upload>
                
@@ -23,7 +23,7 @@
         
                     <div class="update-btn" @click="updateUserName" style="color: #fff;cursor: unset;">修改</div>
                     <div class="value">{{ userinfo.name }}</div>
-                    <div class="update-btn" @click="updateUserName">修改</div>
+                    <div class="update-btn" @click="updateUserName">{{lan.$t('xiugai')}}</div>
                 </div>
                 <div class="user-name" v-else>
                     <a-input size="small" v-model:value="userinfo.name" placeholder="请输入新的昵称" />
@@ -311,6 +311,7 @@ import smile from "@/static/images/smile.png"
 import smilet from "@/static/images/smilet.png"
 import { changetel, checksmscode, editpassword, editsystemsetting, getarchives, getcurrencys, getlanguages, getquhaolist, getzonelist, putmember, sendsms } from "@/api/index"
 import { message } from 'ant-design-vue';
+import { useI18n } from '@/utils/i18n';
 
 export default defineComponent({
     name: "Archives",
@@ -320,6 +321,7 @@ export default defineComponent({
         NavBottom
     },
     setup(){
+        const lan: any = useI18n();
         interface SpeakItem{
             lang: string;
             proficiency: number;