爱简收旧衣按件回收前端代码仓库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

113 lines
2.1 KiB

  1. /* 底部弹窗容器 */
  2. .bottom-popup.data-v-6e1ab13b {
  3. border-radius: 24rpx 24rpx 0 0;
  4. }
  5. .popup-container.data-v-6e1ab13b {
  6. padding: 40rpx;
  7. background: #fff;
  8. border-radius: 24rpx 24rpx 0 0;
  9. width: 100%;
  10. box-sizing: border-box;
  11. max-height: 80vh;
  12. overflow-y: auto;
  13. /* padding-bottom: env(safe-area-inset-bottom); */
  14. }
  15. /* 标题样式 */
  16. .popup-title.data-v-6e1ab13b {
  17. font-size: 32rpx;
  18. font-weight: bold;
  19. text-align: left;
  20. margin-bottom: 30rpx;
  21. color: #333;
  22. }
  23. /* 内容样式 */
  24. .popup-content.data-v-6e1ab13b {
  25. font-size: 28rpx;
  26. line-height: 1.6;
  27. color: #666;
  28. margin-bottom: 40rpx;
  29. word-wrap: break-word;
  30. word-break: break-all;
  31. }
  32. .highlight.data-v-6e1ab13b {
  33. color: #4c6eae;
  34. display: inline;
  35. }
  36. /* 按钮容器 */
  37. .popup-buttons.data-v-6e1ab13b {
  38. display: flex;
  39. justify-content: space-between;
  40. padding: 0 20rpx;
  41. margin-top: 20rpx;
  42. }
  43. /* 按钮基础样式 */
  44. .popup-btn.data-v-6e1ab13b {
  45. width: 45%;
  46. height: 88rpx;
  47. line-height: 88rpx;
  48. font-size: 32rpx;
  49. border-radius: 44rpx;
  50. text-align: center;
  51. }
  52. /* 拒绝按钮 */
  53. .popup-btn.reject.data-v-6e1ab13b {
  54. background-color: #f5f5f5;
  55. color: #666;
  56. }
  57. /* 同意按钮 */
  58. .popup-btn.agree.data-v-6e1ab13b {
  59. background-color: #07C160;
  60. color: #fff;
  61. }
  62. /* 去除按钮默认样式 */
  63. .popup-btn.data-v-6e1ab13b::after {
  64. border: none;
  65. }
  66. /* 适配不同屏幕尺寸 */
  67. @media screen and (max-height: 700px) {
  68. .popup-container.data-v-6e1ab13b {
  69. padding: 30rpx;
  70. }
  71. .popup-title.data-v-6e1ab13b {
  72. font-size: 28rpx;
  73. margin-bottom: 20rpx;
  74. }
  75. .popup-content.data-v-6e1ab13b {
  76. font-size: 26rpx;
  77. margin-bottom: 30rpx;
  78. }
  79. .popup-btn.data-v-6e1ab13b {
  80. height: 80rpx;
  81. line-height: 80rpx;
  82. font-size: 28rpx;
  83. }
  84. }
  85. /* 适配小屏幕 */
  86. @media screen and (max-height: 600px) {
  87. .popup-container.data-v-6e1ab13b {
  88. padding: 20rpx;
  89. }
  90. .popup-title.data-v-6e1ab13b {
  91. font-size: 26rpx;
  92. margin-bottom: 15rpx;
  93. }
  94. .popup-content.data-v-6e1ab13b {
  95. font-size: 24rpx;
  96. margin-bottom: 20rpx;
  97. }
  98. .popup-btn.data-v-6e1ab13b {
  99. height: 70rpx;
  100. line-height: 70rpx;
  101. font-size: 26rpx;
  102. }
  103. }