tabbar.wxss 472 B

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