u-tabs.wxss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. /**
  2. * uni-app内置的常用样式变量
  3. */
  4. /* 行为相关颜色 */
  5. /* 文字基本颜色 */
  6. /* 背景颜色 */
  7. /* 边框颜色 */
  8. /* 尺寸变量 */
  9. /* 文字尺寸 */
  10. /* 图片尺寸 */
  11. /* Border Radius */
  12. /* 水平间距 */
  13. /* 垂直间距 */
  14. /* 透明度 */
  15. /* 文章场景相关 */
  16. .u-empty.data-v-0546c3e4,
  17. .u-empty__wrap.data-v-0546c3e4,
  18. .u-tabs.data-v-0546c3e4,
  19. .u-tabs__wrapper.data-v-0546c3e4,
  20. .u-tabs__wrapper__scroll-view-wrapper.data-v-0546c3e4,
  21. .u-tabs__wrapper__scroll-view.data-v-0546c3e4,
  22. .u-tabs__wrapper__nav.data-v-0546c3e4,
  23. .u-tabs__wrapper__nav__line.data-v-0546c3e4,
  24. .up-empty.data-v-0546c3e4,
  25. .up-empty__wrap.data-v-0546c3e4,
  26. .up-tabs.data-v-0546c3e4,
  27. .up-tabs__wrapper.data-v-0546c3e4,
  28. .up-tabs__wrapper__scroll-view-wrapper.data-v-0546c3e4,
  29. .up-tabs__wrapper__scroll-view.data-v-0546c3e4,
  30. .up-tabs__wrapper__nav.data-v-0546c3e4,
  31. .up-tabs__wrapper__nav__line.data-v-0546c3e4 {
  32. display: flex;
  33. flex-direction: column;
  34. flex-shrink: 0;
  35. flex-grow: 0;
  36. flex-basis: auto;
  37. align-items: stretch;
  38. align-content: flex-start;
  39. }
  40. .u-tabs__wrapper.data-v-0546c3e4 {
  41. display: flex;
  42. flex-direction: row;
  43. align-items: center;
  44. }
  45. .u-tabs__wrapper__scroll-view-wrapper.data-v-0546c3e4 {
  46. flex: 1;
  47. overflow: auto hidden;
  48. }
  49. .u-tabs__wrapper__scroll-view.data-v-0546c3e4 {
  50. display: flex;
  51. flex-direction: row;
  52. flex: 1;
  53. }
  54. .u-tabs__wrapper__nav.data-v-0546c3e4 {
  55. display: flex;
  56. flex-direction: row;
  57. position: relative;
  58. }
  59. .u-tabs__wrapper__nav__item.data-v-0546c3e4 {
  60. padding: 0 11px;
  61. display: flex;
  62. flex-direction: row;
  63. align-items: center;
  64. justify-content: center;
  65. }
  66. .u-tabs__wrapper__nav__item__text.data-v-0546c3e4 {
  67. font-size: 15px;
  68. color: #606266;
  69. white-space: nowrap !important;
  70. }
  71. .u-tabs__wrapper__nav__item__text--disabled.data-v-0546c3e4 {
  72. color: #c8c9cc !important;
  73. }
  74. .u-tabs__wrapper__nav__line.data-v-0546c3e4 {
  75. height: 3px;
  76. background: #3c9cff;
  77. width: 30px;
  78. position: absolute;
  79. bottom: 2px;
  80. border-radius: 100px;
  81. transition-property: transform;
  82. transition-duration: 300ms;
  83. }