stepbar.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @charset "UTF-8";
  2. /**
  3. * uni-app内置的常用样式变量
  4. */
  5. /* 行为相关颜色 */
  6. /* 文字基本颜色 */
  7. /* 背景颜色 */
  8. /* 边框颜色 */
  9. /* 尺寸变量 */
  10. /* 文字尺寸 */
  11. /* 图片尺寸 */
  12. /* Border Radius */
  13. /* 水平间距 */
  14. /* 垂直间距 */
  15. /* 透明度 */
  16. /* 文章场景相关 */
  17. .sfixed.data-v-1d6851b4 {
  18. position: fixed;
  19. left: 0;
  20. right: 0;
  21. top: 0;
  22. z-index: 10;
  23. }
  24. .stepbar.data-v-1d6851b4 {
  25. background: #ffffff;
  26. display: flex;
  27. align-items: center;
  28. padding: 30rpx 0rpx;
  29. flex: 0 0 auto;
  30. }
  31. .stepbar .steps.data-v-1d6851b4 {
  32. display: flex;
  33. flex-direction: column;
  34. flex: 1;
  35. align-items: center;
  36. position: relative;
  37. }
  38. .stepbar .steps .img.data-v-1d6851b4 {
  39. width: 46rpx;
  40. height: 46rpx;
  41. margin-bottom: 14rpx;
  42. }
  43. .stepbar .steps .tit.data-v-1d6851b4 {
  44. font-size: 24rpx;
  45. font-weight: bold;
  46. color: #CDCDCD;
  47. }
  48. .stepbar .steps .line.data-v-1d6851b4 {
  49. position: absolute;
  50. width: 60%;
  51. border-bottom: 2rpx dashed #CDCDCD;
  52. top: 22rpx;
  53. right: 0;
  54. -webkit-transform: translateX(50%);
  55. transform: translateX(50%);
  56. }
  57. .stepbar .steps:last-of-type .line.data-v-1d6851b4 {
  58. display: none;
  59. }
  60. .stepbar .steps.act .line.data-v-1d6851b4 {
  61. border-color: #9AB4F6;
  62. }
  63. .stepbar .steps.act .tit.data-v-1d6851b4 {
  64. color: #4775EA;
  65. }