ota.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .item {
  2. display: flex;
  3. align-items: center;
  4. border-bottom: 1px solid #e0e0e0;
  5. justify-content: space-between;
  6. margin-inline: 32rpx;
  7. height: 120rpx;
  8. }
  9. .label {
  10. font-size: 16px;
  11. color: #333333;
  12. margin-left: 32rpx;
  13. }
  14. .arrow {
  15. margin-right: 16rpx;
  16. }
  17. .button {
  18. margin-top: 128rpx;
  19. display: flex;
  20. justify-content: center;
  21. align-items: center;
  22. margin-inline: 64rpx;
  23. font-size: 32rpx;
  24. font-weight: Medium;
  25. color: white;
  26. text-align: center;
  27. border-radius: 44rpx;
  28. height: 88rpx;
  29. }
  30. .background {
  31. position: fixed;
  32. top: 0;
  33. left: 0;
  34. right: 0;
  35. bottom: 0;
  36. background-color: rgba(0, 0, 0, 0.7);
  37. display: flex;
  38. justify-content: center;
  39. align-items: center;
  40. z-index: 1000;
  41. }
  42. .content {
  43. background-color: white;
  44. padding-inline: 20px;
  45. border-radius: 10px;
  46. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  47. width: 558rpx;
  48. height: 404rpx;
  49. }
  50. .pro_title {
  51. font-weight: 500;
  52. font-size: 32rpx;
  53. color: #333333;
  54. text-align: center;
  55. font-style: normal;
  56. margin-top: 64rpx;
  57. }
  58. .progress-container {
  59. position: relative;
  60. margin-inline: 32rpx;
  61. margin-top: 46rpx;
  62. /* 根据需要调整 */
  63. }
  64. .progress {
  65. width: 100%;
  66. }
  67. .progress-text {
  68. position: absolute;
  69. top: 50%;
  70. transform: translateY(-50%);
  71. color: white;
  72. font-size: 16px;
  73. z-index: 1;
  74. white-space: nowrap;
  75. }
  76. .pro_tips {
  77. margin-top: 48rpx;
  78. margin-inline: 34rpx;
  79. font-size: 28rpx;
  80. color: #666666;
  81. text-align: center;
  82. font-style: normal;
  83. }