index.module.scss 702 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .ImageLazy{
  2. position: relative;
  3. :global{
  4. .lazyBox{
  5. width: 100%;
  6. height: 100%;
  7. position: relative;
  8. .lookImg{
  9. cursor: pointer;
  10. transition: opacity .3s;
  11. opacity: 0;
  12. pointer-events: none;
  13. position: absolute;
  14. top: 0;
  15. left: 0;
  16. width: 100%;
  17. height: 100%;
  18. display: flex;
  19. justify-content: center;
  20. align-items: center;
  21. font-size: 18px;
  22. color: #fff;
  23. background-color: rgba(0,0,0,.6);
  24. &>div{
  25. font-size: 14px;
  26. }
  27. }
  28. &:hover{
  29. .lookImg{
  30. opacity: 1;
  31. pointer-events: auto;
  32. }
  33. }
  34. }
  35. }
  36. }