style.scss 988 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .hc-update-app-box {
  2. position: fixed;
  3. top: 0;
  4. left: 0;
  5. right: 0;
  6. bottom: 0;
  7. z-index: 9999;
  8. pointer-events: all;
  9. background: rgba(0, 0, 0, .3);
  10. display: flex;
  11. justify-content: center;
  12. align-items: center;
  13. .update-head-bar {
  14. position: relative;
  15. background: white;
  16. height: 60%;
  17. width: 80%;
  18. border-radius: 20rpx;
  19. .head-bar {
  20. position: relative;
  21. width: 100%;
  22. height: 240rpx;
  23. .head-img {
  24. position: absolute;
  25. top: 0;
  26. left: 0;
  27. right: 0;
  28. width: 100%;
  29. height: 200rpx;
  30. border-radius: 18rpx 18rpx 0 0;
  31. }
  32. }
  33. }
  34. .update-content-bar {
  35. position: relative;
  36. background: white;
  37. height: calc(100% - 355rpx);
  38. }
  39. .update-action-bar {
  40. position: relative;
  41. background: white;
  42. }
  43. }