tab.wxss 574 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .tab {
  2. width: 100%;
  3. height: 96rpx;
  4. background-color: #fff;
  5. display: flex;
  6. align-items: center;
  7. justify-content: center;
  8. }
  9. .tab .tab_cell {
  10. flex: 1;
  11. height: 100%;
  12. width: 100%;
  13. color: #7d7e81;
  14. position: relative;
  15. font-size: 32rpx;
  16. display: flex;
  17. align-items: center;
  18. justify-content: center;
  19. }
  20. .tab .active {
  21. color: #333;
  22. font-weight: 700;
  23. }
  24. .tab .active::before {
  25. content: '';
  26. position: absolute;
  27. bottom: 0;
  28. left: 50%;
  29. transform: translateX(-50%);
  30. width: 58rpx;
  31. height: 8rpx;
  32. background: #1a83ff;
  33. border-radius: 100px;
  34. }