Ivan/xtraderClient
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

目录样式

Browse Source
This commit is contained in:
马丁 2026-05-19 14:36:49 +08:00
parent 67d9c204dd
commit 7e928df849
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/App.vue
View File

@ -176,12 +176,14 @@ watch(
<!-- 提取的顶部菜单栏与搜索功能 --> <!-- 提取的顶部菜单栏与搜索功能 -->
<div v-if="currentRoute === '/' && categoryLayers.length > 0" class="home-category-layer1-wrap"> <div v-if="currentRoute === '/' && categoryLayers.length > 0" class="home-category-layer1-wrap">
<div class="home-category-layer1-row"> <div class="home-category-layer1-row">
<v-tabs :model-value="layerActiveValues[0]" class="home-tab-bar home-tab-bar--inline" height="48" <div class="app-tab-bar" height="48" @update:model-value="menuStore.onCategorySelect(0, $event)">
@update:model-value="menuStore.onCategorySelect(0, $event)"> <div v-for="item in categoryLayers[0]" class="app-tab-bar-item"
<v-tab v-for="item in categoryLayers[0]" :key="item.id" :value="item.id" :ripple="false" > :class="{ 'app-tab-bar-item-active': item.id === layerActiveValues[0] }" :key="item.id"
:value="item.id"
@click="layerActiveValues[0] = item.id">
{{ item.label }} {{ item.label }}
</v-tab> </div>
</v-tabs> </div>
<v-btn icon variant="text" class="home-search-btn" :aria-label="t('common.search')" @click="expandSearch"> <v-btn icon variant="text" class="home-search-btn" :aria-label="t('common.search')" @click="expandSearch">
<v-icon size="24">mdi-magnify</v-icon> <v-icon size="24">mdi-magnify</v-icon>
</v-btn> </v-btn>
@ -356,7 +358,7 @@ watch(
width: 100%; width: 100%;
} }
.active { .login-active {
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
} }
@ -464,18 +466,20 @@ watch(
align-items: center; align-items: center;
} }
.home-tab-bar--inline { .app-tab-bar {
display: flex;
padding-left: 8px;
flex: 1; flex: 1;
min-width: 0; cursor: default;
.app-tab-bar-item {
padding: 0 8px;
} }
.home-tab-bar--inline :deep(.v-tabs) { .app-tab-bar-item-active {
height: 48px; font-weight: bold;
} }
.home-tab-bar--inline :deep(.v-tab) {
height: 48px;
padding: 0 8px 0 8px;
} }
.home-category-layer1-actions { .home-category-layer1-actions {