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.

162 line
2.4 KiB

  1. @import "../../app.wxss";
  2. .coupons {
  3. flex-direction: row;
  4. display: flex;
  5. padding: 30rpx;
  6. position: relative;
  7. height: 184rpx;
  8. }
  9. .coupons-border {
  10. height: 1rpx;
  11. /* width: 100%; */
  12. left: 30rpx;
  13. right: 30rpx;
  14. background: #f5f5f5;
  15. position: absolute;
  16. bottom: 0;
  17. }
  18. .coupons-img {
  19. width: 248rpx;
  20. height: 184rpx;
  21. overflow: hidden;
  22. border-radius: 10rpx;
  23. }
  24. .coupons-img image {
  25. width: 100%;
  26. height: 100%;
  27. }
  28. .coupons-info {
  29. padding-left: 20rpx;
  30. }
  31. .coupons-info-name {
  32. font-size: 30rpx;
  33. color: #000000;
  34. letter-spacing: 0;
  35. line-height: 42rpx;
  36. font-weight: bold;
  37. margin-top: 10rpx;
  38. }
  39. .coupons-info-price {
  40. padding: 10rpx 0 15rpx;
  41. height: 88rpx;
  42. }
  43. .coupons-info-price-p {
  44. display: block;
  45. text-align: center;
  46. font-size: 36rpx;
  47. color: #ff3434;
  48. line-height: 50rpx;
  49. }
  50. .coupons-info-price-o {
  51. display: block;
  52. text-align: center;
  53. font-size: 26rpx;
  54. color: #b4b4b4;
  55. letter-spacing: 0.96rpx;
  56. text-decoration: line-through;
  57. line-height: 24rpx;
  58. }
  59. .coupons-info-distance {
  60. font-size: 22rpx;
  61. color: #c0c0c0;
  62. letter-spacing: 0;
  63. padding-bottom: 10rpx;
  64. line-height: 30rpx;
  65. }
  66. .coupons-info-address {
  67. font-size: 22rpx;
  68. color: #585858;
  69. letter-spacing: 0;
  70. line-height: 30rpx;
  71. }
  72. .coupons-btn {
  73. position: absolute;
  74. top: 40rpx;
  75. right: 30rpx;
  76. }
  77. .coupons-btn-gm {
  78. background: #00c0ff !important;
  79. border-radius: 10rpx !important;
  80. margin: 0 !important;
  81. padding: 0 !important;
  82. font-family: PingFangSC-Semibold;
  83. font-size: 28rpx;
  84. color: #ffffff !important;
  85. letter-spacing: 0;
  86. height: 50rpx !important;
  87. width: 138rpx !important;
  88. line-height: 50rpx !important;
  89. }
  90. .subtitle {
  91. font-size: 26rpx;
  92. color: #333;
  93. font-weight: 100;
  94. }
  95. .coupons-info-manjian {
  96. color: #999;
  97. font-size: 26rpx;
  98. line-height: 34rpx;
  99. font-weight: 100;
  100. }
  101. /**上拉加载更多**/
  102. .userinfo {
  103. display: flex;
  104. flex-direction: column;
  105. align-items: center;
  106. }
  107. .userinfo-avatar {
  108. width: 128rpx;
  109. height: 128rpx;
  110. margin: 20rpx;
  111. border-radius: 50%;
  112. }
  113. .userinfo-nickname {
  114. color: #aaa;
  115. }
  116. .usermotto {
  117. margin-top: 200px;
  118. }
  119. /**/
  120. scroll-view {
  121. width: 100%;
  122. }
  123. .item {
  124. width: 90%;
  125. height: 300rpx;
  126. margin: 20rpx auto;
  127. background: brown;
  128. overflow: hidden;
  129. }
  130. .item .img {
  131. width: 430rpx;
  132. margin-right: 20rpx;
  133. float: left;
  134. }
  135. .title {
  136. font-size: 30rpx;
  137. display: block;
  138. margin: 30rpx auto;
  139. }
  140. .description {
  141. font-size: 26rpx;
  142. line-height: 15rpx;
  143. }