reader-component.wxss 999 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .reader-container.data-v-1cf64f5d {
  2. position: relative;
  3. width: 100%;
  4. min-height: 100vh;
  5. display: flex;
  6. flex-direction: column;
  7. transition: all 0.3s ease;
  8. overflow: hidden;
  9. }
  10. .content-area.data-v-1cf64f5d {
  11. flex: 1;
  12. min-height: 100vh;
  13. padding: 20rpx;
  14. }
  15. .chapter-title.data-v-1cf64f5d {
  16. font-size: 36rpx;
  17. font-weight: bold;
  18. text-align: center;
  19. margin: 30rpx 0;
  20. }
  21. .chapter-content.data-v-1cf64f5d {
  22. text-align: justify;
  23. }
  24. .mask.data-v-1cf64f5d {
  25. position: fixed;
  26. top: 0;
  27. right: 0;
  28. bottom: 0;
  29. left: 0;
  30. background-color: rgba(0, 0, 0, 0.5);
  31. z-index: 250;
  32. }
  33. .page-tip.data-v-1cf64f5d {
  34. position: fixed;
  35. top: 50%;
  36. left: 50%;
  37. -webkit-transform: translate(-50%, -50%);
  38. transform: translate(-50%, -50%);
  39. background-color: rgba(0, 0, 0, 0.7);
  40. color: #fff;
  41. padding: 20rpx 40rpx;
  42. border-radius: 10rpx;
  43. font-size: 28rpx;
  44. z-index: 300;
  45. }
  46. /* 添加新的样式 */
  47. .content-wrapper.data-v-1cf64f5d {
  48. flex: 1;
  49. position: relative;
  50. overflow: hidden;
  51. min-height: 100vh;
  52. }