uni-steps.wxss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .uni-steps.data-v-61dda2da {
  12. display: flex;
  13. width: 100%;
  14. flex-direction: column;
  15. }
  16. .uni-steps__row.data-v-61dda2da {
  17. display: flex;
  18. flex-direction: column;
  19. }
  20. .uni-steps__column.data-v-61dda2da {
  21. display: flex;
  22. flex-direction: row-reverse;
  23. }
  24. .uni-steps__row-text-container.data-v-61dda2da {
  25. display: flex;
  26. flex-direction: row;
  27. }
  28. .uni-steps__column-text-container.data-v-61dda2da {
  29. display: flex;
  30. flex-direction: column;
  31. flex: 1;
  32. }
  33. .uni-steps__row-text.data-v-61dda2da {
  34. display: inline-flex;
  35. flex: 1;
  36. flex-direction: column;
  37. }
  38. .uni-steps__column-text.data-v-61dda2da {
  39. padding: 6px 0px;
  40. border-bottom-style: solid;
  41. border-bottom-width: 1px;
  42. border-bottom-color: #ebeef5;
  43. display: flex;
  44. flex-direction: column;
  45. }
  46. .uni-steps__row-title.data-v-61dda2da {
  47. font-size: 28rpx;
  48. line-height: 16px;
  49. text-align: center;
  50. }
  51. .uni-steps__column-title.data-v-61dda2da {
  52. font-size: 28rpx;
  53. text-align: left;
  54. line-height: 18px;
  55. }
  56. .uni-steps__row-desc.data-v-61dda2da {
  57. font-size: 12px;
  58. line-height: 14px;
  59. text-align: center;
  60. }
  61. .uni-steps__column-desc.data-v-61dda2da {
  62. font-size: 24rpx;
  63. text-align: left;
  64. line-height: 18px;
  65. }
  66. .uni-steps__row-container.data-v-61dda2da {
  67. display: flex;
  68. flex-direction: row;
  69. }
  70. .uni-steps__column-container.data-v-61dda2da {
  71. display: inline-flex;
  72. width: 30px;
  73. flex-direction: column;
  74. }
  75. .uni-steps__row-line-item.data-v-61dda2da {
  76. display: inline-flex;
  77. flex-direction: row;
  78. flex: 1;
  79. height: 14px;
  80. line-height: 14px;
  81. align-items: center;
  82. justify-content: center;
  83. }
  84. .uni-steps__column-line-item.data-v-61dda2da {
  85. display: flex;
  86. flex-direction: column;
  87. flex: 1;
  88. align-items: center;
  89. justify-content: center;
  90. }
  91. .uni-steps__row-line.data-v-61dda2da {
  92. flex: 1;
  93. height: 1px;
  94. background-color: #999;
  95. }
  96. .uni-steps__column-line.data-v-61dda2da {
  97. width: 1px;
  98. background-color: #999;
  99. }
  100. .uni-steps__row-line--after.data-v-61dda2da {
  101. -webkit-transform: translateX(1px);
  102. transform: translateX(1px);
  103. }
  104. .uni-steps__column-line--after.data-v-61dda2da {
  105. flex: 1;
  106. -webkit-transform: translate(0px, 1px);
  107. transform: translate(0px, 1px);
  108. }
  109. .uni-steps__row-line--before.data-v-61dda2da {
  110. -webkit-transform: translateX(-1px);
  111. transform: translateX(-1px);
  112. }
  113. .uni-steps__column-line--before.data-v-61dda2da {
  114. height: 6px;
  115. -webkit-transform: translate(0px, -1px);
  116. transform: translate(0px, -1px);
  117. }
  118. .uni-steps__row-circle.data-v-61dda2da {
  119. width: 5px;
  120. height: 5px;
  121. border-radius: 100px;
  122. background-color: #999;
  123. margin: 0px 3px;
  124. }
  125. .uni-steps__column-circle.data-v-61dda2da {
  126. width: 5px;
  127. height: 5px;
  128. border-radius: 100px;
  129. background-color: #999;
  130. margin: 4px 0px 5px 0px;
  131. }
  132. .uni-steps__row-check.data-v-61dda2da {
  133. margin: 0px 6px;
  134. }
  135. .uni-steps__column-check.data-v-61dda2da {
  136. height: 14px;
  137. line-height: 14px;
  138. margin: 2px 0px;
  139. }