style.scss 689B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .modal-poster {
  2. width: 100vw;
  3. height: 100vh;
  4. // height: calc(100vh - 62rpx);
  5. box-sizing: border-box;
  6. padding: 40rpx;
  7. &-img-box {
  8. flex: auto;
  9. width: 70%;
  10. height: calc(100% - 92rpx - 40rpx);
  11. margin: 0 auto;
  12. background: #fff;
  13. box-shadow: 0 14rpx 24rpx 0 rgba(0, 0, 0, 0.2);
  14. position: relative;
  15. image {
  16. width: 100%;
  17. height: 100%;
  18. }
  19. }
  20. &-action {
  21. margin-top: 40rpx;
  22. width: 100%;
  23. height: 92rpx;
  24. background: #193C83;
  25. border-radius: 46rpx;
  26. text-align: center;
  27. color: #fff;
  28. font-size: 30rpx;
  29. font-weight: 600;
  30. line-height: 90rpx;
  31. }
  32. }
  33. page-container {
  34. position: fixed;
  35. z-index: 1000;
  36. }