feat(样式): 标签选中样式的调整
This commit is contained in:
parent
28aae509e1
commit
587018eed8
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user