index.module.scss 738 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .HotIcon {
  2. display: inline-block;
  3. height: 30px;
  4. width: auto;
  5. :global {
  6. img {
  7. cursor: pointer;
  8. position: relative;
  9. top: 0;
  10. left: 0;
  11. height: 100%;
  12. transition: all 0.3s;
  13. }
  14. .HotIconHover {
  15. opacity: 0;
  16. pointer-events: none;
  17. }
  18. .HotIconBase {
  19. position: absolute;
  20. top: 0;
  21. left: 0;
  22. &:hover {
  23. opacity: 0;
  24. }
  25. &:hover + .HotIconHover {
  26. opacity: 1;
  27. }
  28. }
  29. }
  30. }
  31. .HotIconAc {
  32. :global {
  33. .HotIconHover {
  34. opacity: 1;
  35. // pointer-events: auto;
  36. }
  37. .HotIconBase {
  38. opacity: 0;
  39. }
  40. }
  41. }
  42. .HotIconZhan {
  43. :global {
  44. .HotIconHover {
  45. opacity: 1;
  46. pointer-events: auto;
  47. }
  48. }
  49. }