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.

301 lines
4.2 KiB

  1. @import "../../../app.wxss";
  2. page {
  3. background: #fff;
  4. }
  5. .coupons {
  6. width: 100%;
  7. position: relative;
  8. overflow: hidden;
  9. padding-bottom: 170rpx;
  10. }
  11. .banner {
  12. width: 750rpx;
  13. height: 534.5rpx;
  14. }
  15. .banner image {
  16. width: 100%;
  17. height: 100%;
  18. }
  19. .coupons_info {
  20. position: relative;
  21. width: 92%;
  22. padding: 0 4%;
  23. background: #fff;
  24. border-top-left-radius: 20rpx;
  25. border-top-right-radius: 20rpx;
  26. margin-top: -25rpx;
  27. z-index: 100000000;
  28. }
  29. .fenxiang {
  30. position: absolute;
  31. right: 36rpx;
  32. top: 27rpx;
  33. width: 77rpx;
  34. }
  35. .fenxiang image {
  36. width: 60rpx;
  37. position: absolute;
  38. top: 0;
  39. right: 0;
  40. }
  41. .user-motto {
  42. width: 100%;
  43. border: 0;
  44. background: none;
  45. height: 60rpx;
  46. color: #fff;
  47. }
  48. .user-motto::after {
  49. border: none;
  50. }
  51. .title {
  52. display: block;
  53. font-size: 32rpx;
  54. color: #000;
  55. letter-spacing: 1.09rpx;
  56. line-height: 45rpx;
  57. width: 542rpx;
  58. overflow: hidden;
  59. white-space: nowrap;
  60. text-overflow: ellipsis;
  61. padding-top: 30rpx;
  62. }
  63. .subTitle {
  64. display: block;
  65. width: 588rpx;
  66. /* height: 37rpx; */
  67. font-size: 26rpx;
  68. color: #999;
  69. letter-spacing: 1.16rpx;
  70. overflow: hidden;
  71. white-space: nowrap;
  72. text-overflow: ellipsis;
  73. padding: 6rpx 0;
  74. }
  75. .rest {
  76. font-size: 24rpx;
  77. color: #919191;
  78. letter-spacing: 0;
  79. height: 70rpx;
  80. line-height: 70rpx;
  81. /* border-bottom: 1px solid #eee; */
  82. border-bottom: 1px solid #f9f9f9;
  83. }
  84. .restNum {
  85. font-size: 24rpx;
  86. color: #999;
  87. letter-spacing: 1.16rpx;
  88. text-align: right;
  89. }
  90. .time {
  91. font-size: 24rpx;
  92. color: #333;
  93. letter-spacing: 0;
  94. line-height: 33rpx;
  95. display: inline-block;
  96. }
  97. .txt01 {
  98. font-size: 24rpx;
  99. color: #919191;
  100. letter-spacing: 0;
  101. }
  102. .price {
  103. font-size: 24rpx;
  104. color: #999;
  105. letter-spacing: 0;
  106. }
  107. .salePriceStr {
  108. font-size: 24rpx;
  109. color: #999;
  110. letter-spacing: 0;
  111. }
  112. .salePriceStr .pri01 {
  113. font-size: 40rpx;
  114. color: #ff4949;
  115. letter-spacing: 0;
  116. margin-left: 10rpx;
  117. }
  118. .salePriceStr .yuan {
  119. font-size: 24rpx;
  120. color: #ff4949;
  121. letter-spacing: 0;
  122. }
  123. .price text {
  124. font-size: 24rpx;
  125. color: #333;
  126. letter-spacing: 0;
  127. }
  128. .throgh {
  129. text-decoration: line-through;
  130. margin-left: 10rpx;
  131. }
  132. .posi {
  133. position: relative;
  134. width: 92%;
  135. margin: 0 auto;
  136. }
  137. .fl {
  138. float: left;
  139. }
  140. .fr {
  141. float: right;
  142. }
  143. .posi>view:nth-child(2) {
  144. width: 100%;
  145. height: 87rpx;
  146. display: flex;
  147. justify-content: space-between;
  148. border-top: 1px solid #f6f6f6;
  149. line-height: 87rpx;
  150. }
  151. .posi>view:nth-child(2) text:nth-child(1) {
  152. font-size: 30rpx;
  153. color: #a9a9a9;
  154. }
  155. .posi>view:nth-child(2) text:nth-child(2) {
  156. font-size: 30rpx;
  157. color: #a9a9a9;
  158. }
  159. .posi_logo {
  160. width: 100%;
  161. display: flex;
  162. padding: 20rpx 0;
  163. background: #fff;
  164. height: 100rpx;
  165. border-bottom: 1px solid #f9f9f9;
  166. }
  167. .posi_logo view:nth-child(1) {
  168. width: 100rpx;
  169. height: 100rpx;
  170. border-radius: 16rpx;
  171. }
  172. .posi_logo view:nth-child(1) image {
  173. display: block;
  174. width: 100rpx;
  175. height: 100rpx;
  176. border-radius: 16rpx;
  177. border: 1px solid #e5e5e5;
  178. }
  179. .posi_logo view:nth-child(2) {
  180. display: flex;
  181. flex-direction: column;
  182. flex: 8;
  183. padding-left: 30rpx;
  184. }
  185. .posi_logo view:nth-child(2) text:nth-child(1) {
  186. font-size: 32rpx;
  187. color: #333;
  188. letter-spacing: 0;
  189. }
  190. .posi_logo view:nth-child(2) text:nth-child(2) {
  191. font-size: 24rpx;
  192. color: #b8b8b8;
  193. padding-top: 3rpx;
  194. width: 450rpx;
  195. height: 36rpx;
  196. overflow: hidden;
  197. }
  198. .notes view:nth-child(1) {
  199. width: 92%;
  200. height: 87rpx;
  201. padding: 0 4%;
  202. line-height: 87rpx;
  203. background: #fff;
  204. }
  205. .active {
  206. opacity: 0.6;
  207. }
  208. .notes view:nth-child(1) text {
  209. font-size: 24rpx;
  210. color: #333;
  211. letter-spacing: 0;
  212. }
  213. .notes view:nth-child(2) {
  214. width: 92%;
  215. padding: 0 4%;
  216. background: #fff;
  217. display: flex;
  218. flex-direction: column;
  219. }
  220. .notes view:nth-child(2)>text {
  221. font-size: 24rpx;
  222. color: #919191;
  223. letter-spacing: 0;
  224. line-height: 42rpx;
  225. }
  226. .buy-view {
  227. background: #fff;
  228. position: fixed;
  229. height: 96rpx;
  230. bottom: 0;
  231. left: 0;
  232. right: 0;
  233. padding-bottom: 22rpx;
  234. padding-top: 22rpx;
  235. }
  236. .buy {
  237. background: #00c0ff;
  238. height: 94rpx;
  239. width: 670rpx;
  240. margin: 0 auto 30rpx;
  241. color: #fff;
  242. font-size: 36rpx;
  243. line-height: 94rpx;
  244. border-radius: 61rpx;
  245. }
  246. .tel {
  247. position: absolute;
  248. right: 0;
  249. top: 0;
  250. bottom: 0;
  251. margin: auto;
  252. width: 50rpx;
  253. height: 50rpx;
  254. z-index: 1000000;
  255. }
  256. .txt {
  257. margin-right: 30rpx;
  258. }