plan.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. .tabs {
  2. height: 100%;
  3. }
  4. scroll-view {
  5. height: 0;
  6. }
  7. .border-radius {
  8. background: #FFFFFF;
  9. box-shadow: 0rpx -2rpx 16rpx 0rpx rgba(0, 0, 0, 0.04);
  10. border-radius: 24rpx;
  11. margin: 20rpx 28rpx;
  12. }
  13. .icon {
  14. width: 48rpx;
  15. height: 48rpx;
  16. }
  17. .padding {
  18. padding: 30rpx;
  19. }
  20. .title text {
  21. font-family: PingFangSC-Medium, PingFang SC;
  22. font-weight: 500;
  23. /* margin-left: 16rpx; */
  24. }
  25. /* .line {
  26. height: 20rpx;
  27. background: #F9F9F9;
  28. } */
  29. .summary .item {
  30. margin-top: 20rpx;
  31. }
  32. .summary .item image {
  33. width: 28rpx;
  34. height: 28rpx;
  35. margin-right: 12rpx;
  36. vertical-align: middle;
  37. }
  38. .list .btn-box {
  39. margin: 46rpx 0 40rpx;
  40. }
  41. .list .btn-box image {
  42. width: 28rpx;
  43. height: 28rpx;
  44. margin-right: 12rpx;
  45. }
  46. .list .btn-box .btn text {
  47. font-size: 28rpx;
  48. font-family: PingFangSC-Medium, PingFang SC;
  49. font-weight: 500;
  50. }
  51. /* .list .btn-box .btn {
  52. height: 56rpx;
  53. padding: 0 18rpx;
  54. border-radius: 28rpx;
  55. border: 2rpx solid #666666;
  56. font-size: 28rpx;
  57. font-family: PingFangSC-Medium, PingFang SC;
  58. font-weight: 500;
  59. margin-right: 40rpx;
  60. } */
  61. .list .btn-box .btn .line {
  62. margin: 0 20rpx;
  63. }
  64. .list .item {
  65. background: #FFF7FA;
  66. border-radius: 16px;
  67. padding: 36rpx 20rpx;
  68. }
  69. /* .list .item-box {
  70. display: grid;
  71. grid-gap: 40rpx 0rpx;
  72. grid-template-columns: repeat(1, 1fr);
  73. } */
  74. .list .item image {
  75. width: 112rpx;
  76. height: 112rpx;
  77. background: #ECECEC;
  78. margin-right: 20rpx;
  79. border-radius: 16rpx;
  80. }
  81. .no-list .no-list-item {
  82. height: 188rpx;
  83. background-color: #FFF7FA;
  84. border-radius: 16rpx;
  85. padding-left: 20rpx;
  86. }
  87. .btm-btn {
  88. /* width: 566rpx; */
  89. height: 92rpx;
  90. color: #fff;
  91. background: #FA7D22;
  92. box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(109, 0, 46, 0.15);
  93. border-radius: 50rpx;
  94. /* margin: 22rpx 36rpx 70rpx; */
  95. }
  96. .btm-box-text {
  97. font-size: 28rpx;
  98. color: #666666;
  99. }
  100. .use-popup {
  101. width: 558rpx;
  102. height: 460rpx;
  103. background: #FFFFFF;
  104. border-radius: 40rpx;
  105. justify-content: center;
  106. position: relative;
  107. /* justify-content: space-evenly; */
  108. }
  109. .use-popup .close {
  110. /* width: 100rpx;
  111. height: 100rpx; */
  112. width: 24rpx;
  113. height: 24rpx;
  114. position: absolute;
  115. right: 24rpx;
  116. top: 24rpx;
  117. }
  118. /* .use-popup .red {
  119. font-size: 24rpx;
  120. font-family: PingFangSC-Regular, PingFang SC;
  121. font-weight: 400;
  122. color: #E95564;
  123. } */
  124. .use-btn {
  125. justify-content: space-evenly;
  126. }
  127. .use-btn .btn {
  128. width: 230rpx;
  129. height: 92rpx;
  130. /* margin: 0 48rpx; */
  131. font-size: 36rpx;
  132. color: #FA7D22;
  133. border-radius: 52rpx;
  134. border: 2rpx solid #FA7D22;
  135. /* flex: 1; */
  136. }
  137. .use-btn .confirm {
  138. /* margin-top: 28rpx; */
  139. /* margin-left: 46rpx; */
  140. background-color: #FA7D22;
  141. color: #fff;
  142. }