|
- .tab-bar {
- position: fixed;
- bottom: 0px;
- left: 0px;
- right: 0px;
- width: 100%;
- height: 120rpx;
- background: white;
- display: flex;
- flex-direction: row;
- /* padding-bottom: env(safe-area-inset-bottom); */
- z-index: 1;
- }
-
- .tab-bar-border {
- background-color: rgba(85, 83, 83, 0.33);
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 1px;
- transform: scaleY(0.5);
- }
-
- .tab-bar-item {
- flex: 1;
- text-align: center;
- display: flex;
- align-items: center;
- flex-direction: column;
- justify-content: center;
- }
-
- .tab-bar-item-image {
- width: 56rpx;
- height: 56rpx;
- margin-top: 10rpx;
- }
-
- .tab-bar-item view {
- font-size: 20rpx;
- }
|