|
- .tab-bar {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- height: 70rpx;
- padding: 10rpx;
- background: white;
- display: flex;
- padding-bottom: env(safe-area-inset-bottom);
- overflow: hidden;
- }
-
- .tab-bar-border {
- background-color: rgba(0, 0, 0, 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;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- }
-
- .tab-bar-item .img {
- width: 46rpx;
- height: 46rpx;
- }
-
- .tab-bar-item .view {
- font-size: 20rpx;
- }
|