1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- .tab-bar {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- background: white;
- display: flex;
- border-top: 1rpx solid rgba(0, 0, 0, 0.1);
- box-sizing: border-box;
- padding: 14rpx 0rpx;
- padding-bottom: env(safe-area-inset-bottom);
- box-shadow: rgba(0, 0, 0, 0.35) 0px 30rpx 20rpx 20rpx;
- .tab-bar-item {
- position: relative;
- flex: 1;
- text-align: center;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- padding-bottom: 10rpx;
- .noticeTips {
- position: absolute;
- left: 146rpx;
- top: -12rpx;
- width: 28rpx;
- padding: 4rpx 0rpx;
- border-radius: 40rpx;
- color: white;
- font-size: 16rpx;
- text-align: center;
- background-color: #FF0000;
- }
- image {
- width: 48rpx;
- height: 48rpx;
- }
- view {
- font-size: 28rpx;
- margin-top: 10rpx;
- }
- }
- }
|