C端小程序
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

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