x-steps.wxss 842 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. .step_box {
  16. display: flex;
  17. align-items: center;
  18. justify-content: space-around;
  19. background-color: #fff;
  20. padding: 20rpx;
  21. border-radius: 10rpx;
  22. }
  23. .item_step {
  24. flex: 1;
  25. justify-content: space-around;
  26. }
  27. .step_box_num {
  28. width: 32rpx;
  29. height: 32rpx;
  30. border-radius: 50%;
  31. color: #fff;
  32. font-size: 20rpx;
  33. margin-right: 5rpx;
  34. }
  35. .box_title_step {
  36. font-size: 24rpx;
  37. }
  38. .activeColor {
  39. background-color: #4CAF50;
  40. }
  41. .inactiveColor {
  42. background-color: #dddddd;
  43. }
  44. .activeFontColor {
  45. font-weight: 600;
  46. }
  47. .inactiveFontColor {
  48. color: #909399;
  49. }