tabbar.wxss 519 B

1234567891011121314151617181920212223242526272829303132333435
  1. @import "/icon.wxss";
  2. @import "/common.wxss";
  3. .tabbar {
  4. line-height: 1;
  5. }
  6. .tabbar.active {
  7. color: #fe8464;
  8. }
  9. .tabbar .iconfont {
  10. font-size: 44rpx;
  11. }
  12. .tabbar-home {
  13. display: flex;
  14. flex-direction: column;
  15. justify-content: flex-end;
  16. }
  17. .tabbar-home .iconfont {
  18. display: inline-block;
  19. position: absolute;
  20. background: #fe8464;
  21. border-radius: 50%;
  22. width: 100rpx;
  23. height: 100rpx;
  24. line-height: 100rpx;
  25. border: 10rpx solid #fff;
  26. top: -50rpx;
  27. left: 50%;
  28. margin-left: -60rpx;
  29. color: #fff;
  30. }