u-cell.wxss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. /**
  2. * uni-app内置的常用样式变量
  3. */
  4. /* 行为相关颜色 */
  5. /* 文字基本颜色 */
  6. /* 背景颜色 */
  7. /* 边框颜色 */
  8. /* 尺寸变量 */
  9. /* 文字尺寸 */
  10. /* 图片尺寸 */
  11. /* Border Radius */
  12. /* 水平间距 */
  13. /* 垂直间距 */
  14. /* 透明度 */
  15. /* 文章场景相关 */
  16. .u-empty.data-v-b4243719,
  17. .u-empty__wrap.data-v-b4243719,
  18. .u-tabs.data-v-b4243719,
  19. .u-tabs__wrapper.data-v-b4243719,
  20. .u-tabs__wrapper__scroll-view-wrapper.data-v-b4243719,
  21. .u-tabs__wrapper__scroll-view.data-v-b4243719,
  22. .u-tabs__wrapper__nav.data-v-b4243719,
  23. .u-tabs__wrapper__nav__line.data-v-b4243719,
  24. .up-empty.data-v-b4243719,
  25. .up-empty__wrap.data-v-b4243719,
  26. .up-tabs.data-v-b4243719,
  27. .up-tabs__wrapper.data-v-b4243719,
  28. .up-tabs__wrapper__scroll-view-wrapper.data-v-b4243719,
  29. .up-tabs__wrapper__scroll-view.data-v-b4243719,
  30. .up-tabs__wrapper__nav.data-v-b4243719,
  31. .up-tabs__wrapper__nav__line.data-v-b4243719 {
  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-cell__body.data-v-b4243719 {
  41. display: flex;
  42. flex-direction: row;
  43. box-sizing: border-box;
  44. padding: 13px 15px;
  45. font-size: 15px;
  46. color: #303133;
  47. align-items: center;
  48. }
  49. .u-cell__body__content.data-v-b4243719 {
  50. display: flex;
  51. flex-direction: row;
  52. align-items: center;
  53. flex: 1;
  54. }
  55. .u-cell__body--large.data-v-b4243719 {
  56. padding-top: 13px;
  57. padding-bottom: 13px;
  58. }
  59. .u-cell__left-icon-wrap.data-v-b4243719, .u-cell__right-icon-wrap.data-v-b4243719 {
  60. display: flex;
  61. flex-direction: row;
  62. align-items: center;
  63. font-size: 16px;
  64. }
  65. .u-cell__left-icon-wrap.data-v-b4243719 {
  66. margin-right: 4px;
  67. }
  68. .u-cell__right-icon-wrap.data-v-b4243719 {
  69. margin-left: 4px;
  70. transition: transform 0.3s;
  71. }
  72. .u-cell__right-icon-wrap--up.data-v-b4243719 {
  73. transform: rotate(-90deg);
  74. }
  75. .u-cell__right-icon-wrap--down.data-v-b4243719 {
  76. transform: rotate(90deg);
  77. }
  78. .u-cell__title.data-v-b4243719 {
  79. flex: 1;
  80. display: flex;
  81. flex-direction: column;
  82. }
  83. .u-cell__title-text.data-v-b4243719 {
  84. font-size: 15px;
  85. line-height: 22px;
  86. color: #303133;
  87. }
  88. .u-cell__title-text--large.data-v-b4243719 {
  89. font-size: 16px;
  90. }
  91. .u-cell__label.data-v-b4243719 {
  92. margin-top: 5px;
  93. font-size: 12px;
  94. color: #909193;
  95. line-height: 18px;
  96. }
  97. .u-cell__label--large.data-v-b4243719 {
  98. font-size: 14px;
  99. }
  100. .u-cell__value.data-v-b4243719 {
  101. text-align: right;
  102. margin-left: auto;
  103. font-size: 14px;
  104. line-height: 24px;
  105. color: #606266;
  106. }
  107. .u-cell__value--large.data-v-b4243719 {
  108. font-size: 15px;
  109. }
  110. .u-cell--required.data-v-b4243719 {
  111. overflow: visible;
  112. display: flex;
  113. flex-direction: row;
  114. align-items: center;
  115. }
  116. .u-cell--required.data-v-b4243719:before {
  117. position: absolute;
  118. content: "*";
  119. left: -8px;
  120. margin-top: 4rpx;
  121. font-size: 14px;
  122. color: #f56c6c;
  123. }
  124. .u-cell--clickable.data-v-b4243719 {
  125. background-color: #f3f4f6;
  126. }
  127. .u-cell--disabled.data-v-b4243719 {
  128. color: #c8c9cc;
  129. cursor: not-allowed;
  130. }
  131. .u-cell--center.data-v-b4243719 {
  132. align-items: center;
  133. }