1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- /* components/custom-tab-bar/index.wxss */
- @import '/utils/iconfont.wxss';
- .tab-bar {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- height: 48px;
- background: white;
- display: flex;
- padding-bottom: env(safe-area-inset-bottom);
- }
- .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;
- }
- .iconfont{
- font-size: 20px;
- }
- .activeIcon{
- color: #4B70EA;
- }
- .tab-bar-item .cover-image {
- width: 44rpx;
- height: 44rpx;
- line-height: 44rpx;
- }
- .tab-bar-item .cover-view {
- margin-top: 4rpx;
- font-size: 10px;
- }
|