global.less 698 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. [class*='cat-image'] {
  2. position: relative;
  3. font-size: 0;
  4. object-fit: cover;
  5. overflow: hidden;
  6. background-color: #f2f2f2;
  7. }
  8. [class*='cat-price']::before {
  9. content: '¥';
  10. font-size: .8em;
  11. }
  12. .cat-price-red {
  13. color: #e83318;
  14. }
  15. [class*='cat-qty']::before {
  16. content: '×';
  17. font-size: .8em;
  18. }
  19. [class*='cat-tag'] {
  20. display: inline-flex;
  21. color: #fff;
  22. font-size: 24rpx;
  23. background-color: #45CC7E;
  24. border-radius: 5rpx;
  25. padding: 6rpx 10rpx;
  26. }
  27. .cat-tag-red {
  28. background-color: var(color-primary);
  29. }
  30. .cat-button-icon {
  31. display: flex;
  32. justify-content: center;
  33. align-items: center;
  34. background-color: transparent;
  35. padding: 0;
  36. &::after {
  37. content: none;
  38. }
  39. }