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.

190 lines
3.4 KiB

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