duanshuwen/nianxx-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(login): add globe icon to language switcher

Browse Source 
add lucide-vue globe component import and reorder useRouter import
This commit is contained in:
DEV_DSW
2026-06-02 11:01:09 +08:00
parent 72fdf509c9
commit 41075ae674
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/login/index.vue
View File

@@ -43,6 +43,7 @@
<!-- 语种切换 --> <!-- 语种切换 -->
<div class="flex justify-center items-center gap-4 pb-4"> <div class="flex justify-center items-center gap-4 pb-4">
<Globe :size="16" color="#999" />
<span v-for="lang in languageOptions" :key="lang.locale" <span v-for="lang in languageOptions" :key="lang.locale"
class="text-xs transition-colors duration-200 text-[14px]" class="text-xs transition-colors duration-200 text-[14px]"
:class="currentLocale === lang.locale ? 'text-[#00C853] font-medium' : 'text-[#999]'" :class="currentLocale === lang.locale ? 'text-[#00C853] font-medium' : 'text-[#999]'"
@@ -76,11 +77,12 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, nextTick, onMounted, ref } from "vue"; import { computed, nextTick, onMounted, ref } from "vue";
import { useRouter } from "vue-router";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { oauthToken } from "@/api/login"; import { oauthToken } from "@/api/login";
import { COUNTRY_CALLING_CODES, findCountryCallingCode } from "@/constants/countryCallingCodes"; import { COUNTRY_CALLING_CODES, findCountryCallingCode } from "@/constants/countryCallingCodes";
import { getCurrentLocale, setLocale } from "@/i18n"; import { getCurrentLocale, setLocale } from "@/i18n";
import { useRouter } from "vue-router"; import { Globe } from '@lucide/vue'
const router = useRouter(); const router = useRouter();
const { t } = useI18n(); const { t } = useI18n();