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

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

View File

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

View File

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