tui-tabs.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .tui-tabs-view.data-v-9311a734 {
  2. width: 100%;
  3. box-sizing: border-box;
  4. display: flex;
  5. align-items: center;
  6. justify-content: space-around;
  7. z-index: 9999;
  8. }
  9. .tui-tabs-relative.data-v-9311a734 {
  10. position: relative;
  11. }
  12. .tui-tabs-fixed.data-v-9311a734 {
  13. position: fixed;
  14. left: 0;
  15. }
  16. .tui-tabs-fixed.data-v-9311a734::before,
  17. .tui-tabs-relative.data-v-9311a734::before {
  18. content: '';
  19. position: absolute;
  20. border-bottom: 1rpx solid #eaeef1;
  21. -webkit-transform: scaleY(0.5) translateZ(0);
  22. transform: scaleY(0.5) translateZ(0);
  23. -webkit-transform-origin: 0 100%;
  24. transform-origin: 0 100%;
  25. bottom: 0;
  26. right: 0;
  27. left: 0;
  28. }
  29. .tui-unlined.data-v-9311a734::before {
  30. border-bottom: 0 !important
  31. }
  32. .tui-tabs-item.data-v-9311a734 {
  33. display: flex;
  34. align-items: center;
  35. justify-content: center;
  36. }
  37. .tui-tabs-disabled.data-v-9311a734 {
  38. opacity: .6;
  39. }
  40. .tui-tabs-title.data-v-9311a734 {
  41. display: flex;
  42. align-items: center;
  43. justify-content: center;
  44. position: relative;
  45. z-index: 2;
  46. }
  47. .tui-tabs-active.data-v-9311a734 {
  48. transition: all 0.15s ease-in-out;
  49. }
  50. .tui-tabs-slider.data-v-9311a734 {
  51. position: absolute;
  52. left: 0;
  53. transition: all 0.15s ease-in-out;
  54. z-index: 0;
  55. -webkit-transform: translateZ(0);
  56. transform: translateZ(0);
  57. }