C端小程序
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

388 lignes
6.2 KiB

  1. @import "../../app.wxss";
  2. .coupons {
  3. width: 100%;
  4. background: #f6f6f6;
  5. position: relative;
  6. overflow: hidden;
  7. }
  8. .coupons-body {
  9. flex: 1;
  10. /* overflow: auto; */
  11. }
  12. .banner {
  13. width: 100%;
  14. }
  15. .banner image {
  16. width: 100%;
  17. display: block;
  18. }
  19. .coupons_info {
  20. width: 92%;
  21. height: 120rpx;
  22. display: flex;
  23. justify-content: space-between;
  24. padding: 0 4%;
  25. background: #fff;
  26. }
  27. .coupons_info view {
  28. display: flex;
  29. flex-direction: column;
  30. }
  31. .coupons_info view:nth-child(1) text {
  32. font-size: 30rpx;
  33. margin-top: 3%;
  34. }
  35. .coupons_info view:nth-child(1) text:nth-child(1) text {
  36. color: #ff3434;
  37. font-size: 24rpx;
  38. border: 1px solid #ff3434;
  39. border-radius: 6rpx;
  40. margin-left: 2%;
  41. padding: 0 5rpx;
  42. }
  43. .coupons_info view:nth-child(1) text:nth-child(2),
  44. .coupons_info view:nth-child(1) text:nth-child(3) {
  45. color: #b8b8b8;
  46. font-size: 24rpx;
  47. margin-top: 4%;
  48. }
  49. .coupons_info view:nth-child(1) text:nth-child(2) text,
  50. .coupons_info view:nth-child(1) text:nth-child(3) text {
  51. color: #ff3434;
  52. font-size: 24rpx;
  53. }
  54. .coupons_info view:nth-child(2) text:nth-child(1) {
  55. font-size: 36rpx;
  56. color: #ff3434;
  57. margin-top: 40rpx;
  58. font-weight: bold;
  59. }
  60. .coupons_info view:nth-child(2) text:nth-child(2) {
  61. font-size: 24rpx;
  62. color: #b4b4b4;
  63. text-decoration: line-through;
  64. padding-left: 10rpx;
  65. padding-top: 4rpx;
  66. }
  67. .posi {
  68. width: 92%;
  69. display: flex;
  70. flex-direction: column;
  71. padding: 0 4%;
  72. background: #fff;
  73. margin-top: 2%;
  74. }
  75. .posi>view:nth-child(2) {
  76. width: 100%;
  77. height: 87rpx;
  78. display: flex;
  79. justify-content: space-between;
  80. border-top: 1px solid #f6f6f6;
  81. line-height: 87rpx;
  82. }
  83. .posi>view:nth-child(2) text:nth-child(1) {
  84. font-size: 30rpx;
  85. color: #a9a9a9;
  86. }
  87. .posi>view:nth-child(2) text:nth-child(2) {
  88. font-size: 30rpx;
  89. color: #a9a9a9;
  90. }
  91. .posi_logo {
  92. width: 100%;
  93. height: 156rpx;
  94. display: flex;
  95. margin-top: 30rpx;
  96. }
  97. .posi_logo view:nth-child(1) {
  98. width: 126rpx;
  99. height: 126rpx;
  100. border-radius: 50%;
  101. overflow: hidden;
  102. flex: 2;
  103. }
  104. .posi_logo view:nth-child(1) image {
  105. width: 100%;
  106. height: 100%;
  107. }
  108. .posi_logo view:nth-child(2) {
  109. display: flex;
  110. flex-direction: column;
  111. flex: 8;
  112. padding-top: 20rpx;
  113. padding-left: 30rpx;
  114. }
  115. .posi_logo view:nth-child(2) text:nth-child(1) {
  116. font-size: 30rpx;
  117. }
  118. .posi_logo view:nth-child(2) text:nth-child(2) {
  119. font-size: 24rpx;
  120. color: #b8b8b8;
  121. padding-top: 10rpx;
  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: auto;
  139. padding:4%;
  140. background: #fff;
  141. border-bottom: 1rpx solid #f5f5f5;
  142. display: flex;
  143. flex-direction: column;
  144. }
  145. .notes view:nth-child(2)>text {
  146. font-size: 28rpx;
  147. color: #a9a9a9;
  148. line-height: 56rpx;
  149. }
  150. .spot {
  151. width: 12rpx;
  152. height: 12rpx;
  153. display: inline-block;
  154. background: #a9a9a9;
  155. margin-right: 16rpx;
  156. position: relative;
  157. bottom: 4rpx;
  158. border-radius: 50%;
  159. }
  160. .buy-view {
  161. background: #fff;
  162. position: fixed;
  163. padding-top: 10rpx;
  164. height:98rpx;
  165. bottom: 0rpx;
  166. left: 0;
  167. right: 0;
  168. }
  169. .buy {
  170. display: block;
  171. background: #00c0ff;
  172. height: 50rpx;
  173. width: 120rpx;
  174. margin: 0 auto;
  175. color: #fff;
  176. font-size: 28rpx;
  177. line-height: 50rpx;
  178. text-align: center;
  179. border-radius: 6rpx;
  180. }
  181. .coupons1-btn-gm {
  182. background: #00c0ff !important;
  183. border-radius: 10rpx !important;
  184. margin: 0 !important;
  185. padding: 0 !important;
  186. font-family: PingFangSC-Semibold;
  187. font-size: 28rpx;
  188. color: #ffffff !important;
  189. letter-spacing: 0;
  190. height: 50rpx !important;
  191. width: 138rpx !important;
  192. line-height: 50rpx !important;
  193. }
  194. .coupons1 {
  195. flex-direction: row;
  196. display: flex;
  197. padding: 30rpx;
  198. position: relative;
  199. height: 184rpx;
  200. border:1px solid #eee;
  201. }
  202. .coupons1-border {
  203. height: 1rpx;
  204. /* width: 100%; */
  205. left: 30rpx;
  206. right: 30rpx;
  207. background: #f5f5f5;
  208. position: absolute;
  209. bottom: 0;
  210. }
  211. .coupons1-img {
  212. width: 248rpx;
  213. height: 184rpx;
  214. overflow: hidden;
  215. border-radius: 10rpx;
  216. }
  217. .coupons1-img image {
  218. width: 100%;
  219. height: 100%;
  220. }
  221. .coupons1-info {
  222. padding-left: 20rpx;
  223. }
  224. .coupons1-info-name {
  225. font-size: 28rpx;
  226. color: #000000;
  227. letter-spacing: 0;
  228. line-height: 38rpx;
  229. }
  230. .coupons1-info-price {
  231. padding: 32rpx 0 0;
  232. }
  233. .i{
  234. font-size: 20rpx;
  235. font-style: normal;
  236. }
  237. .coupons1-info-price-p {
  238. display: inline-block;
  239. font-size: 36rpx;
  240. color: #f96563;
  241. line-height: 50rpx;
  242. }
  243. .tit{
  244. margin-top: 32rpx;
  245. }
  246. .coupons1-info-price-o {
  247. display: block;
  248. text-align: center;
  249. font-size: 26rpx;
  250. color: #b4b4b4;
  251. letter-spacing: 0.96rpx;
  252. text-decoration: line-through;
  253. line-height: 24rpx;
  254. }
  255. .coupons1-info-distance {
  256. font-size: 22rpx;
  257. color: #c0c0c0;
  258. letter-spacing: 0;
  259. padding-bottom: 10rpx;
  260. line-height: 30rpx;
  261. }
  262. .coupons1-info-address {
  263. font-size: 22rpx;
  264. color: #585858;
  265. letter-spacing: 0;
  266. line-height: 30rpx;
  267. }
  268. .coupons1-btn {
  269. position: absolute;
  270. top: 40rpx;
  271. right: 30rpx;
  272. }
  273. .coupons1-btn-gm {
  274. background: #00c0ff !important;
  275. border-radius: 10rpx !important;
  276. margin: 0 !important;
  277. padding: 0 !important;
  278. font-family: PingFangSC-Semibold;
  279. font-size: 28rpx;
  280. color: #ffffff !important;
  281. letter-spacing: 0;
  282. height: 50rpx !important;
  283. width: 138rpx !important;
  284. line-height: 50rpx !important;
  285. }
  286. .subtitle {
  287. font-size: 22rpx;
  288. color: #333;
  289. font-weight: 100;
  290. text-align: left;
  291. }
  292. .coupons1-info-manjian {
  293. color: #fa7c7a;
  294. font-size: 20rpx;
  295. line-height: 34rpx;
  296. display: inline-block;
  297. }
  298. /**上拉加载更多**/
  299. .userinfo {
  300. display: flex;
  301. flex-direction: column;
  302. align-items: center;
  303. }
  304. .userinfo-avatar {
  305. width: 128rpx;
  306. height: 128rpx;
  307. margin: 20rpx;
  308. border-radius: 50%;
  309. }
  310. .userinfo-nickname {
  311. color: #aaa;
  312. }
  313. .sy{
  314. display: block;
  315. text-align: center;
  316. }
  317. .usermotto {
  318. margin-top: 200px;
  319. }
  320. /**/
  321. scroll-view {
  322. width: 100%;
  323. }
  324. .item {
  325. width: 90%;
  326. height: 300rpx;
  327. margin: 20rpx auto;
  328. background: brown;
  329. overflow: hidden;
  330. }
  331. .item .img {
  332. width: 430rpx;
  333. margin-right: 20rpx;
  334. float: left;
  335. }
  336. .title {
  337. font-size: 30rpx;
  338. display: block;
  339. margin: 30rpx auto;
  340. }
  341. .description {
  342. font-size: 26rpx;
  343. line-height: 15rpx;
  344. }