index.css 992 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. @import '../common/index.css';
  2. :host {
  3. -webkit-flex: 1;
  4. flex: 1;
  5. }
  6. .van-tabbar-item {
  7. display: -webkit-flex;
  8. display: flex;
  9. -webkit-flex-direction: column;
  10. flex-direction: column;
  11. -webkit-align-items: center;
  12. align-items: center;
  13. -webkit-justify-content: center;
  14. justify-content: center;
  15. height: 100%;
  16. color: #646566;
  17. color: var(--tabbar-item-text-color, #646566);
  18. font-size: 12px;
  19. font-size: var(--tabbar-item-font-size, 12px);
  20. line-height: 1;
  21. line-height: var(--tabbar-item-line-height, 1);
  22. }
  23. .van-tabbar-item__icon {
  24. position: relative;
  25. margin-bottom: 5px;
  26. margin-bottom: var(--tabbar-item-margin-bottom, 5px);
  27. font-size: 18px;
  28. font-size: var(--tabbar-item-icon-size, 18px);
  29. }
  30. .van-tabbar-item__icon__inner {
  31. display: block;
  32. min-width: 1em;
  33. }
  34. .van-tabbar-item--active {
  35. color: #1989fa;
  36. color: var(--tabbar-item-active-color, #1989fa);
  37. }
  38. .van-tabbar-item__info {
  39. margin-top: 2px;
  40. }