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.

168 lines
2.5 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: 28rpx;
  33. color: #000000;
  34. letter-spacing: 0;
  35. line-height: 38rpx;
  36. }
  37. .coupons-info-price {
  38. padding: 32rpx 0 0;
  39. }
  40. .i{
  41. font-size: 20rpx;
  42. font-style: normal;
  43. }
  44. .coupons-info-price-p {
  45. display: inline-block;
  46. font-size: 36rpx;
  47. color: #f96563;
  48. line-height: 50rpx;
  49. }
  50. .tit{
  51. margin-top: 32rpx;
  52. }
  53. .coupons-info-price-o {
  54. display: block;
  55. text-align: center;
  56. font-size: 26rpx;
  57. color: #b4b4b4;
  58. letter-spacing: 0.96rpx;
  59. text-decoration: line-through;
  60. line-height: 24rpx;
  61. }
  62. .coupons-info-distance {
  63. font-size: 22rpx;
  64. color: #c0c0c0;
  65. letter-spacing: 0;
  66. padding-bottom: 10rpx;
  67. line-height: 30rpx;
  68. }
  69. .coupons-info-address {
  70. font-size: 22rpx;
  71. color: #585858;
  72. letter-spacing: 0;
  73. line-height: 30rpx;
  74. }
  75. .coupons-btn {
  76. position: absolute;
  77. top: 40rpx;
  78. right: 30rpx;
  79. }
  80. .coupons-btn-gm {
  81. background: #00c0ff !important;
  82. border-radius: 10rpx !important;
  83. margin: 0 !important;
  84. padding: 0 !important;
  85. font-family: PingFangSC-Semibold;
  86. font-size: 28rpx;
  87. color: #ffffff !important;
  88. letter-spacing: 0;
  89. height: 50rpx !important;
  90. width: 138rpx !important;
  91. line-height: 50rpx !important;
  92. }
  93. .subtitle {
  94. font-size: 22rpx;
  95. color: #333;
  96. font-weight: 100;
  97. text-align: left;
  98. }
  99. .coupons-info-manjian {
  100. color: #fa7c7a;
  101. font-size: 20rpx;
  102. line-height: 34rpx;
  103. display: inline-block;
  104. }
  105. /**上拉加载更多**/
  106. .userinfo {
  107. display: flex;
  108. flex-direction: column;
  109. align-items: center;
  110. }
  111. .userinfo-avatar {
  112. width: 128rpx;
  113. height: 128rpx;
  114. margin: 20rpx;
  115. border-radius: 50%;
  116. }
  117. .userinfo-nickname {
  118. color: #aaa;
  119. }
  120. .sy{
  121. display: block;
  122. text-align: center;
  123. }
  124. .usermotto {
  125. margin-top: 200px;
  126. }
  127. /**/
  128. scroll-view {
  129. width: 100%;
  130. }
  131. .item {
  132. width: 90%;
  133. height: 300rpx;
  134. margin: 20rpx auto;
  135. background: brown;
  136. overflow: hidden;
  137. }
  138. .item .img {
  139. width: 430rpx;
  140. margin-right: 20rpx;
  141. float: left;
  142. }
  143. .title {
  144. font-size: 30rpx;
  145. display: block;
  146. margin: 30rpx auto;
  147. }
  148. .description {
  149. font-size: 26rpx;
  150. line-height: 15rpx;
  151. }