u-tabs.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .u-empty.data-v-0546c3e4,
  4. .u-empty__wrap.data-v-0546c3e4,
  5. .u-tabs.data-v-0546c3e4,
  6. .u-tabs__wrapper.data-v-0546c3e4,
  7. .u-tabs__wrapper__scroll-view-wrapper.data-v-0546c3e4,
  8. .u-tabs__wrapper__scroll-view.data-v-0546c3e4,
  9. .u-tabs__wrapper__nav.data-v-0546c3e4,
  10. .u-tabs__wrapper__nav__line.data-v-0546c3e4 {
  11. display: flex;
  12. flex-direction: column;
  13. flex-shrink: 0;
  14. flex-grow: 0;
  15. flex-basis: auto;
  16. align-items: stretch;
  17. align-content: flex-start;
  18. }
  19. .u-tabs__wrapper.data-v-0546c3e4 {
  20. display: flex;
  21. flex-direction: row;
  22. align-items: center;
  23. }
  24. .u-tabs__wrapper__scroll-view-wrapper.data-v-0546c3e4 {
  25. flex: 1;
  26. overflow: auto hidden;
  27. }
  28. .u-tabs__wrapper__scroll-view.data-v-0546c3e4 {
  29. display: flex;
  30. flex-direction: row;
  31. flex: 1;
  32. }
  33. .u-tabs__wrapper__nav.data-v-0546c3e4 {
  34. display: flex;
  35. flex-direction: row;
  36. position: relative;
  37. }
  38. .u-tabs__wrapper__nav__item.data-v-0546c3e4 {
  39. padding: 0 11px;
  40. display: flex;
  41. flex-direction: row;
  42. align-items: center;
  43. justify-content: center;
  44. }
  45. .u-tabs__wrapper__nav__item--disabled.data-v-0546c3e4 {
  46. cursor: not-allowed;
  47. }
  48. .u-tabs__wrapper__nav__item__text.data-v-0546c3e4 {
  49. font-size: 15px;
  50. color: #606266;
  51. white-space: nowrap !important;
  52. }
  53. .u-tabs__wrapper__nav__item__text--disabled.data-v-0546c3e4 {
  54. color: #c8c9cc !important;
  55. }
  56. .u-tabs__wrapper__nav__line.data-v-0546c3e4 {
  57. height: 3px;
  58. background: #3c9cff;
  59. width: 30px;
  60. position: absolute;
  61. bottom: 2px;
  62. border-radius: 100px;
  63. transition-property: transform;
  64. transition-duration: 300ms;
  65. }