customPreviewImage.wxss 551 B

12345678910111213141516171819202122232425262728293031
  1. /* components/customPreviewImage/customPreviewImage.wxss */
  2. .preview-body {
  3. width: 100vw;
  4. height: 100vh;
  5. position: fixed;
  6. left: 0;
  7. top: 0;
  8. z-index: 10001;
  9. background: rgba(0, 0, 0, 0.9);
  10. }
  11. .preview-box {
  12. margin: 120rpx 20rpx;
  13. width: calc(100vw - 40rpx);
  14. height: calc(100vh - 240rpx);
  15. position: relative;
  16. z-index: 2;
  17. }
  18. .preview-box image {
  19. width: 100%;
  20. height: 100%;
  21. }
  22. .preview-body ._layer {
  23. width: 100%;
  24. height: 100%;
  25. position: absolute;
  26. left: 0;
  27. top: 0;
  28. z-index: 0;
  29. }