style.scss 723 B

12345678910111213141516171819202122232425262728293031
  1. .hc-breadcrumb-bar {
  2. position: sticky;
  3. top: 0;
  4. background: white;
  5. padding: 18rpx 22rpx;
  6. z-index: 9999;
  7. box-shadow: 0 6rpx 4rpx rgba(109, 109, 109, .06);
  8. .breadcrumb-bar {
  9. position: relative;
  10. .breadcrumb-item {
  11. display: inline-flex;
  12. align-items: center;
  13. font-size: 27rpx;
  14. .name {
  15. color: var(--primary-color);
  16. }
  17. .icon {
  18. color: #C5C6C6;
  19. font-size: 40rpx;
  20. }
  21. }
  22. .breadcrumb-item.active {
  23. .name {
  24. color: #7A7B7C;
  25. }
  26. .icon {
  27. display: none;
  28. }
  29. }
  30. }
  31. }