C端小程序
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

267 řádky
4.2 KiB

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