123456789101112131415161718192021222324252627282930313233 |
- .tab-bar {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- height: 100rpx;
- background-color: #ffffff;
- display: flex;
- justify-content: space-around;
- align-items: center;
- border-top: 1rpx solid #e5e5e5;
- z-index: 1000;
- }
- .tab-item {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- flex: 1;
- padding: 10rpx 0;
- color: #7A7E83;
- font-size: 24rpx;
- }
- .tab-item.active {
- color: #409eff; /* 可自定义为 app.json 中配置的 selectedColor */
- }
- .tab-icon {
- width: 54rpx;
- height: 54rpx;
- }
|