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.

210 line
3.9 KiB

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