index.less 622 B

12345678910111213141516171819202122232425262728293031
  1. .tab-bar {
  2. position: fixed;
  3. bottom: 0;
  4. left: 0;
  5. right: 0;
  6. background: white;
  7. display: flex;
  8. border-top: 1rpx solid rgba(0, 0, 0, 0.1);
  9. box-sizing: border-box;
  10. padding: 14rpx 0rpx;
  11. padding-bottom: env(safe-area-inset-bottom);
  12. .tab-bar-item {
  13. flex: 1;
  14. text-align: center;
  15. display: flex;
  16. justify-content: center;
  17. align-items: center;
  18. flex-direction: column;
  19. image {
  20. width: 48rpx;
  21. height: 48rpx;
  22. }
  23. view {
  24. font-size: 24rpx;
  25. margin-top: 10rpx;
  26. }
  27. }
  28. }