| | |
| | | {{ $t('setLanguage') }} |
| | | </template> |
| | | </fx-header> |
| | | <div v-for="(item, index) in lang" :key="index" class="lang-padding" @click="handleSetLang(item.key)"> |
| | | <div v-for="(item, index) in lang" :key="index" class="lang-padding" @click="handleSetLang(item.key,item.title)"> |
| | | <div class="lang-title flex items-center font-13 textColor"> |
| | | <img class="h-6 mr-3" :src="item.image" alt=""> |
| | | {{ item.title }} |
| | |
| | | |
| | | let lang = ref([ |
| | | { title: '繁体中文', key: 'CN', image: new URL('../../assets/image/lang/taiwan.png', import.meta.url) }, |
| | | { title: '简体中文', key: 'zh-CN', image: new URL('../../assets/image/lang/zh-CN.png', import.meta.url) }, |
| | | // { title: '简体中文', key: 'zh-CN', image: new URL('../../assets/image/lang/zh-CN.png', import.meta.url) }, |
| | | { title: 'English', key: 'en', image: new URL('../../assets/image/lang/en-US.png', import.meta.url) }, |
| | | { title: '한국인', key: 'Korean', image: new URL('../../assets/image/lang/Korean.png', import.meta.url) }, |
| | | { title: 'やまと', key: 'Japanese', image: new URL('../../assets/image/lang/Japanese.png', import.meta.url) }, |
| | | { title: 'Deutsch', key: 'de', image: new URL('../../assets/image/lang/de.png', import.meta.url) }, //德语 |
| | | { title: 'Français', key: 'fr', image: new URL('../../assets/image/lang/French.png', import.meta.url) }, //法语 |
| | | { title: 'Tiếng Việt', key: 'vi', image: new URL('../../assets/image/lang/vi.png', import.meta.url) },//越南语 |
| | | { title: 'Italiano', key: 'Italy', image: new URL('../../assets/image/lang/Italy.png', import.meta.url) }, //意大利语 |
| | | { title: 'ไทย', key: 'th', image: new URL('../../assets/image/lang/Thai.png', import.meta.url) }, //泰语 |
| | | // { title: 'Tiếng Việt', key: 'vi', image: new URL('../../assets/image/lang/vi.png', import.meta.url) },//越南语 |
| | | // { title: 'Italiano', key: 'Italy', image: new URL('../../assets/image/lang/Italy.png', import.meta.url) }, //意大利语 |
| | | // { title: 'ไทย', key: 'th', image: new URL('../../assets/image/lang/Thai.png', import.meta.url) }, //泰语 |
| | | |
| | | ]) |
| | | |
| | | onMounted(() => { |
| | | console.log(locale.value) |
| | | }) |
| | | const handleSetLang = (lang) => { |
| | | const handleSetLang = (lang, tit) => { |
| | | locale.value = lang |
| | | languageStore[SET_LANGUAGE](lang) |
| | | languageStore[SET_LANGUAGE](lang,tit) |
| | | } |
| | | |
| | | </script> |