|
|
@ -599,21 +599,29 @@ |
|
|
flex-shrink: 0; |
|
|
flex-shrink: 0; |
|
|
padding: 8px 16px; |
|
|
padding: 8px 16px; |
|
|
margin-right: 10px; |
|
|
margin-right: 10px; |
|
|
border-radius: 4px; |
|
|
|
|
|
background-color: #ff3b30; |
|
|
|
|
|
|
|
|
border-radius: 20px; |
|
|
|
|
|
background-color: #f5f5f5; |
|
|
|
|
|
border: 1px solid #e0e0e0; |
|
|
transition: all 0.3s ease; |
|
|
transition: all 0.3s ease; |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tab-item:hover { |
|
|
|
|
|
background-color: #e8e8e8; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tab-item.active { |
|
|
.tab-item.active { |
|
|
background-color: #ff3b30; |
|
|
background-color: #ff3b30; |
|
|
opacity: 1; |
|
|
|
|
|
|
|
|
border-color: #ff3b30; |
|
|
|
|
|
box-shadow: 0 2px 8px rgba(255, 59, 48, 0.3); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tab-text { |
|
|
.tab-text { |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
color: #ffffff; |
|
|
|
|
|
|
|
|
color: #666666; |
|
|
white-space: nowrap; |
|
|
white-space: nowrap; |
|
|
font-weight: 500; |
|
|
|
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.tab-item.active .tab-text { |
|
|
.tab-item.active .tab-text { |
|
|
|
宋杰
3 weeks ago