| | |
|---|
| | | font-size: 20rpx; |
|---|
| | | margin-top: 10rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .tabBarBox { |
|---|
| | | display: flex; |
|---|
| | | padding-bottom: 50rpx; |
|---|
| | | background-color: #fff; |
|---|
| | | /* opacity: 1; */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .tabItem { |
|---|
| | | flex: 1; |
|---|
| | | height: var(--td-tab-bar-height, 80rpx); |
|---|
| | | box-sizing: border-box; |
|---|
| | | user-select: none; |
|---|
| | | position: relative; |
|---|
| | | margin-bottom: 26rpx; |
|---|
| | | background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff))); |
|---|
| | | padding: 0 24rpx; |
|---|
| | | border-top: 1px solid #d8d8d8; |
|---|
| | | padding-top: 20rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .text { |
|---|
| | | font-size: 20rpx; |
|---|
| | | text-align: center; |
|---|
| | | color: #9D9D9D; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .activeText { |
|---|
| | | color: #ff6d00; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .tabImg { |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .roleIcon { |
|---|
| | | position: relative; |
|---|
| | | bottom: 30px; |
|---|
| | | z-index: 999; |
|---|
| | | } |
|---|
