index.module.scss 808 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .YtableVideo {
  2. display: flex;
  3. justify-content: center;
  4. :global {
  5. .TvideoBox {
  6. cursor: pointer;
  7. width: 60px;
  8. height: 60px;
  9. position: relative;
  10. .TvideoBoxLook {
  11. position: absolute;
  12. z-index: 10;
  13. opacity: 0;
  14. transition: opacity 0.3s;
  15. top: 0;
  16. left: 0;
  17. width: 100%;
  18. height: 100%;
  19. display: flex;
  20. justify-content: center;
  21. align-items: center;
  22. font-size: 14px;
  23. color: #fff;
  24. background-color: rgba(0, 0, 0, 0.6);
  25. .anticon-eye {
  26. font-size: 18px;
  27. }
  28. }
  29. video {
  30. width: 100%;
  31. height: 100%;
  32. object-fit: cover;
  33. }
  34. &:hover {
  35. .TvideoBoxLook {
  36. opacity: 1;
  37. }
  38. }
  39. }
  40. }
  41. }