猫妈狗爸伴宠师小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

35 lines
912 B

  1. .box {
  2. .up-steps-custom {
  3. /* 自定义步骤条样式 */
  4. /* 步骤条线条样式 */
  5. :deep(.u-steps-item__line) {
  6. background-color: #DDDDDD !important;
  7. height: 4rpx !important;
  8. }
  9. /* 当前步骤前的线条为橙色 */
  10. :deep(.u-steps-item:first-child .u-steps-item__line) {
  11. background-color: #FFA042 !important;
  12. }
  13. /* 步骤圆点样式 */
  14. :deep(.u-steps-item__wrapper__circle) {
  15. background-color: #FFA042 !important;
  16. border-color: #FFA042 !important;
  17. width: 36rpx !important;
  18. height: 36rpx !important;
  19. }
  20. /* 未激活的步骤圆点 */
  21. :deep(.u-steps-item:nth-child(2) .u-steps-item__wrapper__circle,
  22. .u-steps-item:nth-child(3) .u-steps-item__wrapper__circle) {
  23. background-color: transparent !important;
  24. border-color: #999999 !important;
  25. }
  26. /* 步骤标题样式 */
  27. :deep(.u-steps-item__content) {
  28. margin-top: 16rpx !important;
  29. }
  30. }
  31. }