hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(样式): 标签选中样式的调整

Browse Source
This commit is contained in:
hzj 2025-09-17 18:38:01 +08:00
parent 28aae509e1
commit 587018eed8
2 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/AdminCenter.vue
View File

@ -20,16 +20,9 @@
<div <div
v-for="(item, index) in tabList" v-for="(item, index) in tabList"
:key="index" :key="index"
style=" style="font-size: 18px; padding: 10px 0; flex: 1; text-align: center"
font-weight: 400;
font-size: 18px;
color: #00000066;
padding: 10px 0;
flex: 1;
text-align: center;
"
class="tab-item" class="tab-item"
:class="{ active: activeIndex == index }" :class="activeIndex == index ? 'tabName-active' : 'tabName'"
ref="tabItems" ref="tabItems"
@click="setActiveTab(index)" @click="setActiveTab(index)"
> >
@ -355,6 +348,15 @@ const formatPrice = (value) => {
color: black; color: black;
} }
.tabName {
color: #00000066;
}
.tabName-active {
color: black;
font-weight: 500;
}
/* 添加页面样式 */ /* 添加页面样式 */
.fullPage { .fullPage {
width: 100vw; width: 100vw;

20
src/views/ItemDistribution.vue
View File

@ -14,16 +14,9 @@
<div <div
v-for="(item, index) in tabList" v-for="(item, index) in tabList"
:key="index" :key="index"
style=" style="font-size: 18px; padding: 10px 0; flex: 1; text-align: center"
font-weight: 400;
font-size: 18px;
color: #00000066;
padding: 10px 0;
flex: 1;
text-align: center;
"
class="tab-item" class="tab-item"
:class="{ active: activeIndex == index }" :class="activeIndex == index ? 'tabName-active' : 'tabName'"
ref="tabItems" ref="tabItems"
@click="setActiveTab(index)" @click="setActiveTab(index)"
> >
@ -336,4 +329,13 @@ onMounted(() => {
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.tabName {
color: #00000066;
}
.tabName-active {
color: black;
font-weight: 500;
}
</style> </style>