C端小程序
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.

215 lines
3.4 KiB

  1. @import "../../../app.wxss";
  2. .coupons {
  3. width: 100%;
  4. background: #f6f6f6;
  5. position: relative;
  6. overflow: hidden;
  7. padding-bottom: 120rpx;
  8. }
  9. .coupons-body {
  10. flex: 1;
  11. /* overflow: auto; */
  12. }
  13. .banner {
  14. width: 100%;
  15. height: 465rpx;
  16. }
  17. .banner image {
  18. width: 100%;
  19. height: 100%;
  20. }
  21. .coupons_info {
  22. width: 92%;
  23. height: 186rpx;
  24. display: flex;
  25. justify-content: space-between;
  26. padding: 0 4%;
  27. background: #fff;
  28. }
  29. .coupons_info view {
  30. display: flex;
  31. flex-direction: column;
  32. }
  33. .coupons_info view:nth-child(1) text {
  34. font-size: 30rpx;
  35. margin-top: 3%;
  36. }
  37. .coupons_info view:nth-child(1) text:nth-child(1) text {
  38. color: #ff3434;
  39. font-size: 24rpx;
  40. border: 1px solid #ff3434;
  41. border-radius: 6rpx;
  42. margin-left: 2%;
  43. padding: 0 5rpx;
  44. }
  45. .coupons_info view:nth-child(1) text:nth-child(2),
  46. .coupons_info view:nth-child(1) text:nth-child(3) {
  47. color: #b8b8b8;
  48. font-size: 24rpx;
  49. margin-top: 4%;
  50. }
  51. .coupons_info view:nth-child(1) text:nth-child(2) text,
  52. .coupons_info view:nth-child(1) text:nth-child(3) text {
  53. color: #ff3434;
  54. font-size: 24rpx;
  55. }
  56. .coupons_info view:nth-child(2) text:nth-child(1) {
  57. font-size: 36rpx;
  58. color: #ff3434;
  59. margin-top: 40rpx;
  60. font-weight: bold;
  61. }
  62. .coupons_info view:nth-child(2) text:nth-child(2) {
  63. font-size: 24rpx;
  64. color: #b4b4b4;
  65. text-decoration: line-through;
  66. padding-left: 10rpx;
  67. padding-top: 4rpx;
  68. }
  69. .posi {
  70. width: 92%;
  71. display: flex;
  72. flex-direction: column;
  73. padding: 0 4%;
  74. background: #fff;
  75. margin-top: 2%;
  76. }
  77. .posi>view:nth-child(2) {
  78. width: 100%;
  79. height: 87rpx;
  80. display: flex;
  81. justify-content: space-between;
  82. border-top: 1px solid #f6f6f6;
  83. line-height: 87rpx;
  84. }
  85. .posi>view:nth-child(2) text:nth-child(1) {
  86. font-size: 30rpx;
  87. color: #a9a9a9;
  88. }
  89. .posi>view:nth-child(2) text:nth-child(2) {
  90. font-size: 30rpx;
  91. color: #a9a9a9;
  92. }
  93. .posi_logo {
  94. width: 100%;
  95. height: 156rpx;
  96. display: flex;
  97. margin-top: 30rpx;
  98. }
  99. .posi_logo view:nth-child(1) {
  100. width: 126rpx;
  101. height: 126rpx;
  102. border-radius: 50%;
  103. overflow: hidden;
  104. flex: 2;
  105. }
  106. .posi_logo view:nth-child(1) image {
  107. width: 100%;
  108. height: 100%;
  109. }
  110. .posi_logo view:nth-child(2) {
  111. display: flex;
  112. flex-direction: column;
  113. flex: 8;
  114. padding-top: 20rpx;
  115. padding-left: 30rpx;
  116. }
  117. .posi_logo view:nth-child(2) text:nth-child(1) {
  118. font-size: 30rpx;
  119. }
  120. .posi_logo view:nth-child(2) text:nth-child(2) {
  121. font-size: 24rpx;
  122. color: #b8b8b8;
  123. padding-top: 10rpx;
  124. }
  125. .notes {
  126. margin-top: 2%;
  127. }
  128. .notes view:nth-child(1) {
  129. width: 92%;
  130. height: 87rpx;
  131. padding: 0 4%;
  132. line-height: 87rpx;
  133. background: #fff;
  134. border-bottom: 1rpx solid #f5f5f5;
  135. border-top: 1rpx solid #f5f5f5;
  136. }
  137. .notes view:nth-child(1) text {
  138. font-size: 30rpx;
  139. font-weight: bold;
  140. }
  141. .notes view:nth-child(2) {
  142. width: 92%;
  143. height: 400rpx;
  144. padding: 0 4%;
  145. background: #fff;
  146. border-bottom: 1rpx solid #f5f5f5;
  147. display: flex;
  148. flex-direction: column;
  149. padding-top: 2%;
  150. }
  151. .notes view:nth-child(2)>text {
  152. font-size: 28rpx;
  153. color: #a9a9a9;
  154. line-height: 56rpx;
  155. }
  156. .spot {
  157. width: 12rpx;
  158. height: 12rpx;
  159. display: inline-block;
  160. background: #a9a9a9;
  161. margin-right: 16rpx;
  162. position: relative;
  163. bottom: 4rpx;
  164. border-radius: 50%;
  165. }
  166. .buy-view {
  167. background: #fff;
  168. position: fixed;
  169. padding-top: 10rpx;
  170. height:98rpx;
  171. bottom: 0rpx;
  172. left: 0;
  173. right: 0;
  174. }
  175. .buy {
  176. background: #00c0ff;
  177. height: 88rpx;
  178. width: 98%;
  179. margin: 0 auto;
  180. color: #fff;
  181. font-size: 36rpx;
  182. line-height: 88rpx;
  183. border-radius: 6rpx;
  184. }