index.wxss 562 B

123456789101112131415161718192021222324252627282930313233
  1. .tab-bar {
  2. position: fixed;
  3. bottom: 0;
  4. left: 0;
  5. right: 0;
  6. height: 100rpx;
  7. background-color: #ffffff;
  8. display: flex;
  9. justify-content: space-around;
  10. align-items: center;
  11. border-top: 1rpx solid #e5e5e5;
  12. z-index: 1000;
  13. }
  14. .tab-item {
  15. display: flex;
  16. flex-direction: column;
  17. align-items: center;
  18. justify-content: center;
  19. flex: 1;
  20. padding: 10rpx 0;
  21. color: #7A7E83;
  22. font-size: 24rpx;
  23. }
  24. .tab-item.active {
  25. color: #409eff; /* 可自定义为 app.json 中配置的 selectedColor */
  26. }
  27. .tab-icon {
  28. width: 54rpx;
  29. height: 54rpx;
  30. }