提交信息

src/App.vue

@@ -8,13 +8,19 @@
   import { useCookies } from '@vueuse/integrations/useCookies';
   import { useRouter } from 'vue-router';
   import { useI18n } from 'vue-i18n';
+  import { setLang } from '/@/i18n';
   const userStore = useUserStore();
-  const { t } = useI18n();
+  const { t, locale } = useI18n();
   const wxOpenId = computed(() => {
     return userStore.getWxOpenId;
   });
   onMounted(async () => {
     let code = getUrlKey('code'); //获取url参数code
+    let lang = getUrlKey('lang'); //获取url参数lang
+    if (lang) {
+      setLang(lang)
+      // localStorage.setItem('lang',lang == 'en' ? 'en-us' : 'zh');
+    }
     // let isWeixn = is_weixn();
     const router = useRouter();
     const routersName = String(router.currentRoute.value);

src/i18n/index.ts

@@ -28,8 +28,14 @@ export const i18n = createI18n({
 });
 
 export function setLang(locale?: string) {
-  if (locale) {
-    localStorage.setItem('lang', locale);
+  let langObjs = {
+    'zh': 'zh-cn',
+    'en': 'en-us',
+    'aj': 'aj',
+  };
+  let setlang = langObjs[locale];
+  if (setlang) {
+    localStorage.setItem('lang', setlang);
   }
-  i18n.global.locale.value = locale || localStorage.getItem('lang') || '';
+  i18n.global.locale.value = setlang || localStorage.getItem('lang') || '';
 }

src/i18n/lang/aj.ts

@@ -0,0 +1,46 @@
+import { langType } from './lang-base';
+
+export const lang: langType = {
+  title: 'VUE H 5開発テンプレート',
+  tabbar: {
+    home: 'トップページ',
+    list: 'リスト',
+    member: '私の',
+    demo: '例',
+  },
+  language: {
+    en: '英語',
+    zh: '中国語',
+  },
+  introduction: 'vue 3を迅速に開発するためのモバイルエンドテンプレート',
+  home: {
+    support: 'サポート',
+    cssMultiLanguage: 'cssピクチャ多言語',
+  },
+  feedback: {
+    shareTitle: '4次元時代ユーザーフィードバック',
+    shareSubTitle: '心からご記入いただき,貴重なご意見をお待ちしております。',
+    upload: 'アップロード',
+    uploadsuccess: 'アップロード成功',
+    submitSuccess: 'コミット成功',
+    submitText: 'フィードバックありがとうございました！私たちは真剣に考えて改善に努め,より優れた製品体験を提供することを期待しています！',
+    title: '製品提案',
+    title1: '問題の説明',
+    title2: '提案ソリューション',
+    title3: '業界',
+    title4: 'ハードウェア製品',
+    title5: 'ソフトウェア製品',
+    title6: '名前',
+    title61: '連絡先',
+    title7: '所在する国と地域',
+    title71: '所在都市',
+    title8: '製品スコア',
+    title9: '評価理由',
+    Submit: 'コミット',
+    settext: '入力してください',
+    setselcet: 'を選択してください',
+    success: 'フィードバックに感謝します。私たちはあなたの意見を非常に重視し,フィードバックを受けてから最初に処理します。優れた製品体験を提供することを期待しています！',
+    fileTips: '画像やビデオをアップロードしてください。jpg,pngフォーマットをサポートしています。5 MB以下です。mp 4は50 MB以下;',
+    fileTipsPc: '画像またはビデオをアップロードしてください</br>jpg, pngフォーマットをサポートしており, 5 MB以下, mp 4は50 MB以下; ',
+},
+};

src/styles/mixin.scss

@@ -7,7 +7,7 @@
 }
 // 背景图多语言
 @mixin loop-lang-bg($preUrl, $posUrl) {
-  $list: zh-cn, en-us;
+  $list: zh, en;
   @each $i in $list {
     &.#{$i} {
       background-image: url('#{$preUrl}/#{$i}/#{$posUrl}');

src/views/feedback/index.vue

@@ -199,7 +199,7 @@
     let softwareOptionId = [];
     let softwareRes = await getAllByTypeId(3);
     softwareRes.data.map((ele) => {
-      let value = locale.value == 'en-us' ? ele.nameEn : ele.nameCn;
+      let value = locale.value == 'en' ? ele.nameEn : ele.nameCn;
       if (value) {
         softwareOptionId.push({
           text: value,

src/views/feedback/mcSubmit.vue

@@ -271,7 +271,7 @@
     city: false,
   });
   const columnsCountry = countryList.map((ele) => {
-    return { text: locale.value == 'en-us' ? ele.english : ele.chinese, value: locale.value == 'en-us' ? ele.english : ele.chinese };
+    return { text: locale.value == 'en' ? ele.english : ele.chinese, value: locale.value == 'en' ? ele.english : ele.chinese };
   });
   const columnsCity = cityList.map((ele) => {
     return {

src/views/feedback/pcSubmit.vue

@@ -260,8 +260,8 @@
   const countryOption = countryList.map((ele) => {
     return {
       value: ele.chinese,
-      label: locale.value == 'en-us' ? ele.english : ele.chinese,
-      english: locale.value == 'en-us' ? ele.chinese : ele.english,
+      label: locale.value == 'en' ? ele.english : ele.chinese,
+      english: locale.value == 'en' ? ele.chinese : ele.english,
     };
   });
   function filterOption(inputValue, option) {