scout666/officialWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://gitea-net.fontree.cn/scout666/officialWebsite

Browse Source
This commit is contained in:
张 元山 2025-02-27 12:00:58 +08:00
commit f0a16af306
9 changed files with 130 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/utils/changeLanguage.js
View File

@ -80,6 +80,7 @@ export function useLanguage() {
locale.value = lang;
currentLanguage.value = lang;
localStorage.setItem('language', lang);
window.location.reload();
};
// 获取浏览器语言
@ -105,7 +106,9 @@ export function useLanguage() {
// 初始化语言
const initLanguage = () => {
const savedLanguage = localStorage.getItem('language') || getBrowserLanguage();
changeLanguage(savedLanguage);
locale.value = savedLanguage;
currentLanguage.value = savedLanguage;
localStorage.setItem('language', savedLanguage);
};
return {

16
src/views/businessintroduction/size1440/index.vue
View File

@ -152,10 +152,12 @@ onUnmounted(() => {
{{ t("home.nav.businessintroduction") }}
</div>
<div class="tab-item">
<n-popselect v-model:value="currentLanguage" :options="languageOptions" trigger="click"
<n-popselect v-model:value="currentLanguage" :options="languageOptions"
@update:value="changeLanguage">
<div class="language-display">
{{ currentLanguageLabel }}
<span class="language-arrow">▼</span>
</div>
</n-popselect>
</div>
</div>
@ -665,4 +667,14 @@ onUnmounted(() => {
[ref*="moveRef"] {
position: relative;
}
.language-arrow {
font-size: 12px;
margin-left: 4px;
color: #10263E;
transition: transform 0.3s ease;
}
.tab-item:hover .language-arrow {
color: #8B59F7;
}
</style>

16
src/views/businessintroduction/size1920/index.vue
View File

@ -152,10 +152,12 @@ onUnmounted(() => {
{{ t("home.nav.businessintroduction") }}
</div>
<div class="tab-item">
<n-popselect v-model:value="currentLanguage" :options="languageOptions" trigger="click"
<n-popselect v-model:value="currentLanguage" :options="languageOptions"
@update:value="changeLanguage">
<div class="language-display">
{{ currentLanguageLabel }}
<span class="language-arrow">▼</span>
</div>
</n-popselect>
</div>
</div>
@ -665,4 +667,14 @@ onUnmounted(() => {
[ref*="moveRef"] {
position: relative;
}
.language-arrow {
font-size: 12px;
margin-left: 4px;
color: #10263E;
transition: transform 0.3s ease;
}
.tab-item:hover .language-arrow {
color: #8B59F7;
}
</style>

16
src/views/companyprofil/size1440/index.vue
View File

@ -303,10 +303,12 @@ onUnmounted(() => {
{{ t("home.nav.businessintroduction") }}
</div>
<div class="tab-item">
<n-popselect v-model:value="currentLanguage" :options="languageOptions" trigger="click"
<n-popselect v-model:value="currentLanguage" :options="languageOptions"
@update:value="changeLanguage">
<div class="language-display">
{{ currentLanguageLabel }}
<span class="language-arrow">▼</span>
</div>
</n-popselect>
</div>
</div>
@ -802,4 +804,14 @@ onUnmounted(() => {
[ref*="moveRef"] {
position: relative;
}
.language-arrow {
font-size: 12px;
margin-left: 4px;
color: #10263E;
transition: transform 0.3s ease;
}
.tab-item:hover .language-arrow {
color: #8B59F7;
}
</style>

16
src/views/companyprofil/size1920/index.vue
View File

@ -303,10 +303,12 @@ onUnmounted(() => {
{{ t("home.nav.businessintroduction") }}
</div>
<div class="tab-item">
<n-popselect v-model:value="currentLanguage" :options="languageOptions" trigger="click"
<n-popselect v-model:value="currentLanguage" :options="languageOptions"
@update:value="changeLanguage">
<div class="language-display">
{{ currentLanguageLabel }}
<span class="language-arrow">▼</span>
</div>
</n-popselect>
</div>
</div>
@ -802,4 +804,14 @@ onUnmounted(() => {
[ref*="moveRef"] {
position: relative;
}
.language-arrow {
font-size: 12px;
margin-left: 4px;
color: #10263E;
transition: transform 0.3s ease;
}
.tab-item:hover .language-arrow {
color: #8B59F7;
}
</style>

16
src/views/companyprofildetail/size1440/index.vue
View File

@ -35,10 +35,12 @@
{{ t("home.nav.businessintroduction") }}
</div>
<div class="tab-item">
<n-popselect v-model:value="currentLanguage" :options="languageOptions" trigger="click"
<n-popselect v-model:value="currentLanguage" :options="languageOptions"
@update:value="changeLanguage">
<div class="language-display">
{{ currentLanguageLabel }}
<span class="language-arrow">▼</span>
</div>
</n-popselect>
</div>
</div>
@ -435,4 +437,14 @@ onUnmounted(() => {});
// line-height: 110px;
color: #10253e;
}
.language-arrow {
font-size: 12px;
margin-left: 4px;
color: #10263E;
transition: transform 0.3s ease;
}
.tab-item:hover .language-arrow {
color: #8B59F7;
}
</style>

16
src/views/companyprofildetail/size1920/index.vue
View File

@ -35,10 +35,12 @@
{{ t("home.nav.businessintroduction") }}
</div>
<div class="tab-item">
<n-popselect v-model:value="currentLanguage" :options="languageOptions" trigger="click"
<n-popselect v-model:value="currentLanguage" :options="languageOptions"
@update:value="changeLanguage">
<div class="language-display">
{{ currentLanguageLabel }}
<span class="language-arrow">▼</span>
</div>
</n-popselect>
</div>
</div>
@ -435,4 +437,14 @@ onUnmounted(() => {});
// line-height: 110px;
color: #10253e;
}
.language-arrow {
font-size: 12px;
margin-left: 4px;
color: #10263E;
transition: transform 0.3s ease;
}
.tab-item:hover .language-arrow {
color: #8B59F7;
}
</style>

16
src/views/home/size1440/index.vue
View File

@ -436,10 +436,12 @@ watch(
{{ t("home.nav.businessintroduction") }}
</div>
<div class="tab-item">
<n-popselect v-model:value="currentLanguage" :options="languageOptions" trigger="click"
<n-popselect v-model:value="currentLanguage" :options="languageOptions"
@update:value="changeLanguage">
<div class="language-display">
{{ currentLanguageLabel }}
<span class="language-arrow">▼</span>
</div>
</n-popselect>
</div>
</div>
@ -977,4 +979,14 @@ watch(
height: 22pxpx;
}
}
.language-arrow {
font-size: 12px;
margin-left: 4px;
color: #10263E;
transition: transform 0.3s ease;
}
.tab-item:hover .language-arrow {
color: #8B59F7;
}
</style>

22
src/views/home/size1920/index.vue
View File

@ -426,10 +426,12 @@ watch(
{{ t("home.nav.businessintroduction") }}
</div>
<div class="tab-item">
<n-popselect v-model:value="currentLanguage" :options="languageOptions" trigger="click"
<n-popselect v-model:value="currentLanguage" :options="languageOptions"
@update:value="changeLanguage">
<div class="language-display">
{{ currentLanguageLabel }}
<span class="language-arrow">▼</span>
</div>
</n-popselect>
</div>
</div>
@ -941,6 +943,22 @@ watch(
height: 22pxpx;
}
}
.language-display {
display: flex;
align-items: center;
}
.language-arrow {
font-size: 12px;
margin-left: 4px;
color: #10263E;
transition: transform 0.3s ease;
}
.tab-item:hover .language-arrow {
color: #8B59F7;
}
</style>
<style lang="scss">
.n-base-select-option {