You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
968 B
Plaintext
44 lines
968 B
Plaintext
/* 移除下滑线 */
|
|
.custom-tabs :global(.ant-tabs-ink-bar) {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 未选中状态 */
|
|
.custom-tabs {
|
|
:global(.ant-tabs-tab) {
|
|
background: #f0f0f0 !important;
|
|
border: none !important;
|
|
border-radius: 6px !important;
|
|
margin-right: 8px !important;
|
|
padding: 8px 16px !important;
|
|
transition: all 0.3s ease !important;
|
|
}
|
|
}
|
|
|
|
/* 选中状态 - 背景变为蓝色 */
|
|
.custom-tabs {
|
|
:global(.ant-tabs-tab-active) {
|
|
background: #2E4CD4 !important;
|
|
}
|
|
}
|
|
|
|
/* 选中状态 - 文字变为白色 */
|
|
.custom-tabs :global(.ant-tabs-tab-active .ant-tabs-tab-btn) {
|
|
color: white !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
/* 移除底部边框 */
|
|
.custom-tabs :global(.ant-tabs-nav)::before {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
/* 悬停效果 */
|
|
.custom-tabs :global(.ant-tabs-tab):hover {
|
|
background: #e6e6e6 !important;
|
|
}
|
|
|
|
.custom-tabs :global(.ant-tabs-tab-active):hover {
|
|
background: #40a9ff !important;
|
|
}
|