u-cell.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .u-empty.data-v-b4243719,
  4. .u-empty__wrap.data-v-b4243719,
  5. .u-tabs.data-v-b4243719,
  6. .u-tabs__wrapper.data-v-b4243719,
  7. .u-tabs__wrapper__scroll-view-wrapper.data-v-b4243719,
  8. .u-tabs__wrapper__scroll-view.data-v-b4243719,
  9. .u-tabs__wrapper__nav.data-v-b4243719,
  10. .u-tabs__wrapper__nav__line.data-v-b4243719 {
  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-cell__body.data-v-b4243719 {
  20. display: flex;
  21. flex-direction: row;
  22. box-sizing: border-box;
  23. padding: 13px 15px;
  24. font-size: 15px;
  25. color: #303133;
  26. align-items: center;
  27. }
  28. .u-cell__body__content.data-v-b4243719 {
  29. display: flex;
  30. flex-direction: row;
  31. align-items: center;
  32. flex: 1;
  33. }
  34. .u-cell__body--large.data-v-b4243719 {
  35. padding-top: 13px;
  36. padding-bottom: 13px;
  37. }
  38. .u-cell__left-icon-wrap.data-v-b4243719, .u-cell__right-icon-wrap.data-v-b4243719 {
  39. display: flex;
  40. flex-direction: row;
  41. align-items: center;
  42. font-size: 16px;
  43. }
  44. .u-cell__left-icon-wrap.data-v-b4243719 {
  45. margin-right: 4px;
  46. }
  47. .u-cell__right-icon-wrap.data-v-b4243719 {
  48. margin-left: 4px;
  49. transition: transform 0.3s;
  50. }
  51. .u-cell__right-icon-wrap--up.data-v-b4243719 {
  52. transform: rotate(-90deg);
  53. }
  54. .u-cell__right-icon-wrap--down.data-v-b4243719 {
  55. transform: rotate(90deg);
  56. }
  57. .u-cell__title.data-v-b4243719 {
  58. flex: 1;
  59. }
  60. .u-cell__title-text.data-v-b4243719 {
  61. font-size: 15px;
  62. line-height: 22px;
  63. color: #303133;
  64. }
  65. .u-cell__title-text--large.data-v-b4243719 {
  66. font-size: 16px;
  67. }
  68. .u-cell__label.data-v-b4243719 {
  69. margin-top: 5px;
  70. font-size: 12px;
  71. color: #909193;
  72. line-height: 18px;
  73. }
  74. .u-cell__label--large.data-v-b4243719 {
  75. font-size: 14px;
  76. }
  77. .u-cell__value.data-v-b4243719 {
  78. text-align: right;
  79. margin-left: auto;
  80. font-size: 14px;
  81. line-height: 24px;
  82. color: #606266;
  83. }
  84. .u-cell__value--large.data-v-b4243719 {
  85. font-size: 15px;
  86. }
  87. .u-cell--clickable.data-v-b4243719 {
  88. background-color: #f3f4f6;
  89. }
  90. .u-cell--disabled.data-v-b4243719 {
  91. color: #c8c9cc;
  92. cursor: not-allowed;
  93. }
  94. .u-cell--center.data-v-b4243719 {
  95. align-items: center;
  96. }