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.

250 rivejä
3.8 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: 180rpx;
  20. height: 180rpx;
  21. border: 1px solid #f8f8f8;
  22. border-radius: 10rpx;
  23. }
  24. .coupons-img image {
  25. display: block;
  26. width: 180rpx;
  27. height: 180rpx;
  28. border-radius: 10rpx;
  29. }
  30. .coupons-info {
  31. padding-left: 20rpx;
  32. }
  33. .coupons-info-name {
  34. font-size: 30rpx;
  35. color: #343434;
  36. letter-spacing: 0;
  37. line-height: 38rpx;
  38. }
  39. .coupons-info-price {
  40. padding: 16rpx 0 0;
  41. }
  42. .i {
  43. font-size: 24rpx;
  44. font-style: normal;
  45. }
  46. .coupons-info-price-p {
  47. display: block;
  48. font-size: 50rpx;
  49. color: #FF4949;
  50. }
  51. .price{
  52. line-height: 36rpx;
  53. }
  54. .tit {
  55. overflow: hidden;
  56. white-space: nowrap;
  57. text-overflow: ellipsis;
  58. width: 300rpx;
  59. height: 42rpx;
  60. font-size: 30rpx;
  61. color: #000;
  62. letter-spacing: 0;
  63. font-family: PingFangSC-Medium;
  64. }
  65. .coupons-info-price-o {
  66. display: block;
  67. text-align: center;
  68. font-size: 26rpx;
  69. color: #b4b4b4;
  70. letter-spacing: 0.96rpx;
  71. text-decoration: line-through;
  72. line-height: 24rpx;
  73. }
  74. .coupons-info-distance {
  75. font-size: 22rpx;
  76. color: #c0c0c0;
  77. letter-spacing: 0;
  78. padding-bottom: 10rpx;
  79. line-height: 30rpx;
  80. }
  81. .coupons-info-address {
  82. font-size: 22rpx;
  83. color: #585858;
  84. letter-spacing: 0;
  85. line-height: 30rpx;
  86. }
  87. .coupons-btn {
  88. position: absolute;
  89. top: 83rpx;
  90. right: 30rpx;
  91. }
  92. .coupons-btn-gm {
  93. background: #00c0ff !important;
  94. border-radius: 50rpx !important;
  95. margin: 0 !important;
  96. padding: 0 !important;
  97. font-family: PingFangSC-Semibold;
  98. font-size: 26rpx;
  99. color: #fff !important;
  100. letter-spacing: 0;
  101. height: 48rpx !important;
  102. width: 120rpx !important;
  103. line-height: 48rpx !important;
  104. }
  105. .coupons-btn-gms {
  106. background: #999 !important;
  107. border-radius: 60rpx !important;
  108. opacity: 0.6;
  109. margin: 0 !important;
  110. padding: 0 !important;
  111. font-family: PingFangSC-Semibold;
  112. font-size: 26rpx;
  113. color: #fff !important;
  114. letter-spacing: 0;
  115. height: 48rpx !important;
  116. width: 120rpx !important;
  117. line-height: 48rpx !important;
  118. }
  119. .subtitle {
  120. font-size: 24rpx;
  121. color: #919191;
  122. overflow: hidden;
  123. white-space: nowrap;
  124. text-overflow: ellipsis;
  125. width: 300rpx;
  126. /* height: 33rpx; */
  127. line-height: 33rpx;
  128. font-weight:lighter;
  129. margin-bottom: 18rpx;
  130. }
  131. .coupons-info-manjian {
  132. font-weight: normal;
  133. font-size: 20rpx;
  134. line-height: 34rpx;
  135. display: inline-block;
  136. color: #FF4949;
  137. letter-spacing: 0;
  138. }
  139. .coupons-info-manjian1 {
  140. font-weight: normal;
  141. font-size: 20rpx;
  142. line-height: 22rpx;
  143. color: #919191;
  144. letter-spacing: 0;
  145. overflow: hidden;
  146. white-space: nowrap;
  147. text-overflow: ellipsis;
  148. width: 300rpx;
  149. margin-top: 16rpx;
  150. }
  151. .coupons-info-manjian text{
  152. display: block;
  153. line-height: 20rpx;
  154. }
  155. .coupons-info-manjian > text:nth-of-type(1){
  156. display: block;
  157. /* color: #FF4949; */
  158. opacity: .6;
  159. }
  160. .view01{
  161. text-decoration:line-through;
  162. }
  163. .txt2{
  164. display: block;
  165. color: #ccc;
  166. }
  167. /**上拉加载更多**/
  168. .userinfo {
  169. display: flex;
  170. flex-direction: column;
  171. align-items: center;
  172. }
  173. .userinfo-avatar {
  174. width: 128rpx;
  175. height: 128rpx;
  176. margin: 20rpx;
  177. border-radius: 50%;
  178. }
  179. .userinfo-nickname {
  180. color: #aaa;
  181. }
  182. .sy {
  183. display: block;
  184. text-align: right;
  185. width: 181rpx;
  186. font-size: 24rpx;
  187. color: #999;
  188. height: 40rpx;
  189. margin-top: 106rpx;
  190. }
  191. .usermotto {
  192. margin-top: 200px;
  193. }
  194. scroll-view {
  195. width: 100%;
  196. }
  197. .item {
  198. width: 90%;
  199. height: 300rpx;
  200. margin: 20rpx auto;
  201. background: brown;
  202. overflow: hidden;
  203. }
  204. .item .img {
  205. width: 430rpx;
  206. margin-right: 20rpx;
  207. float: left;
  208. }
  209. .title {
  210. font-size: 30rpx;
  211. display: block;
  212. margin: 30rpx auto;
  213. }
  214. .description {
  215. font-size: 26rpx;
  216. line-height: 15rpx;
  217. }
  218. .navigator-hover{
  219. opacity: 1!important;
  220. background: #fff;
  221. }