remilia/jinshen-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 格式化项目代码

Browse Source 
- 根据prettier配置格式化整个项目的代码
This commit is contained in:
R2m1liA
2025-09-17 15:50:29 +08:00
parent bb89721f1c
commit 359aaec8a9
43 changed files with 1900 additions and 1878 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
app/components/JinshenHeader.vue
View File

@ -22,16 +22,16 @@
router
>
<el-menu-item index="productions" :route="$localePath('/productions')">
<span class="title">{{ $t("navigation.productions") }}</span>
<span class="title">{{ $t('navigation.productions') }}</span>
</el-menu-item>
<el-menu-item index="solutions" :route="$localePath('/solutions')">
<span class="title">{{ $t("navigation.solutions") }}</span>
<span class="title">{{ $t('navigation.solutions') }}</span>
</el-menu-item>
<el-menu-item index="support" :route="$localePath('/support')">
<span class="title">{{ $t("navigation.support") }}</span>
<span class="title">{{ $t('navigation.support') }}</span>
</el-menu-item>
<el-menu-item index="about" :route="$localePath('/about')">
<span class="title">{{ $t("navigation.about-us") }}</span>
<span class="title">{{ $t('navigation.about-us') }}</span>
</el-menu-item>
</el-menu>
</div>
@ -62,119 +62,119 @@
</template>
<script setup lang="ts">
import { Search } from "@element-plus/icons-vue";
import { Search } from '@element-plus/icons-vue';
const router = useRouter();
const localePath = useLocalePath();
const router = useRouter();
const localePath = useLocalePath();
const { setLocale } = useI18n();
const { setLocale } = useI18n();
const searchQuery = ref("");
const searchQuery = ref('');
const activeName = ref<string | undefined>(undefined);
const activeName = ref<string | undefined>(undefined);
const handleSearch = () => {
const trimmed = searchQuery.value.trim();
if (!trimmed) return;
navigateTo({
path: localePath("/search"),
query: {
query: trimmed,
},
});
searchQuery.value = "";
};
const handleSearch = () => {
const trimmed = searchQuery.value.trim();
if (!trimmed) return;
navigateTo({
path: localePath('/search'),
query: {
query: trimmed,
},
});
searchQuery.value = '';
};
const refreshMenu = () => {
const path = router.currentRoute.value.path;
if (path.startsWith("/productions")) {
activeName.value = "productions";
} else if (path.startsWith("/solutions")) {
activeName.value = "solutions";
} else if (path.startsWith("/support")) {
activeName.value = "support";
} else if (path.startsWith("/about")) {
activeName.value = "about";
} else {
activeName.value = undefined; // 默认不激活任何菜单项
}
};
const refreshMenu = () => {
const path = router.currentRoute.value.path;
if (path.startsWith('/productions')) {
activeName.value = 'productions';
} else if (path.startsWith('/solutions')) {
activeName.value = 'solutions';
} else if (path.startsWith('/support')) {
activeName.value = 'support';
} else if (path.startsWith('/about')) {
activeName.value = 'about';
} else {
activeName.value = undefined; // 默认不激活任何菜单项
}
};
onMounted(() => {
refreshMenu();
// 监听路由变化以更新激活状态
router.afterEach(() => {
onMounted(() => {
refreshMenu();
// 监听路由变化以更新激活状态
router.afterEach(() => {
refreshMenu();
});
});
});
</script>
<style scoped>
.header-container {
padding: 0 10px;
display: flex;
height: 80px;
align-items: center;
border-bottom: 1px solid #e0e0e0;
}
.header-container {
padding: 0 10px;
display: flex;
height: 80px;
align-items: center;
border-bottom: 1px solid #e0e0e0;
}
.logo-section {
display: flex;
flex: 1;
margin-left: 20px;
}
.logo-section {
display: flex;
flex: 1;
margin-left: 20px;
}
.logo-link {
display: flex;
align-items: center;
text-decoration: none;
}
.logo-link {
display: flex;
align-items: center;
text-decoration: none;
}
.website-logo {
height: 64px;
width: auto;
}
.website-logo {
height: 64px;
width: auto;
}
.header-menu-section {
flex: 2;
display: flex;
justify-content: center;
height: 100%;
}
.header-menu-section {
flex: 2;
display: flex;
justify-content: center;
height: 100%;
}
.header-menu {
margin-right: 40px;
border-bottom: none !important;
width: auto;
--el-menu-horizontal-height: 100%;
}
.header-menu {
margin-right: 40px;
border-bottom: none !important;
width: auto;
--el-menu-horizontal-height: 100%;
}
.header-menu .el-menu-item {
font-size: 16px;
background-color: transparent !important;
}
.header-menu .el-menu-item {
font-size: 16px;
background-color: transparent !important;
}
.header-menu .el-menu-item.is-active {
border-bottom: 2.5px solid var(--el-color-primary-dark-2);
color: var(--el-color-primary);
}
.header-menu .el-menu-item.is-active {
border-bottom: 2.5px solid var(--el-color-primary-dark-2);
color: var(--el-color-primary);
}
.header-menu .el-menu-item:hover {
border-bottom: 2.5px solid var(--el-color-primary);
}
.header-menu .el-menu-item:hover {
border-bottom: 2.5px solid var(--el-color-primary);
}
.header-actions {
flex: 1;
justify-content: flex-end;
display: flex;
gap: 16px;
}
.header-actions {
flex: 1;
justify-content: flex-end;
display: flex;
gap: 16px;
}
.search-input {
width: 200px;
}
.search-input {
width: 200px;
}
.translate-link {
font-size: 20px;
}
.translate-link {
font-size: 20px;
}
</style>