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.

132 lines
2.2 KiB

  1. /* components/hot/hot.wxss */
  2. @import "../../app.wxss";
  3. .hotBox{
  4. width:710rpx;
  5. height: 220rpx;
  6. margin: 0 auto 20rpx;
  7. }
  8. .hotTitle{
  9. width: 100%;
  10. height: 60rpx;
  11. line-height: 60rpx;
  12. font-size: 30rpx;
  13. display: flex;
  14. justify-content: space-between;
  15. font-family:PingFangSC-Medium;
  16. }
  17. .titleL .titleR{
  18. width: 100rpx;
  19. }
  20. .titleR text{
  21. float: left;
  22. margin-right: 10rpx;
  23. color: #2C8DFF;
  24. font-family:PingFangSC-Regular!important;
  25. }
  26. .titleR view{
  27. height: 40rpx;
  28. width: 40rpx;
  29. /* margin-top: 10rpx; */
  30. float: left;
  31. }
  32. .titleR image{
  33. height: 28rpx;
  34. width: 28rpx;
  35. }
  36. .sql{
  37. width:12rpx;
  38. height:24rpx;
  39. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  40. border-radius:8rpx;
  41. float: left;
  42. margin: 20rpx 10rpx 0 0;
  43. }
  44. .hotCon{
  45. width: 100%;
  46. }
  47. .kanjia, .pintuan{
  48. width: 346rpx;
  49. height: 156rpx;
  50. float: left;
  51. border-radius: 12rpx;
  52. display: flex;
  53. justify-content: space-between;
  54. position: relative;
  55. }
  56. .kanjia{
  57. margin-right: 18rpx;
  58. background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
  59. }
  60. .pintuan{
  61. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  62. }
  63. .hotCon image{
  64. width: 86rpx;
  65. height: 86rpx;
  66. border: 1rpx solid #fff;
  67. margin: 24rpx 0 46rpx 16rpx;
  68. }
  69. .hotCon .btn{
  70. width:80rpx;
  71. height:44rpx;
  72. line-height: 44rpx;
  73. background:rgba(255,255,255,1);
  74. border-radius:18rpx;
  75. font-size: 24rpx;
  76. position: absolute;
  77. right: 20rpx;
  78. bottom: 20rpx;
  79. text-align: center;
  80. }
  81. .btnk{
  82. color: #2C8DFF;
  83. }
  84. .btnp{
  85. color: #FD782D;
  86. }
  87. .btnNone{
  88. width:80rpx;
  89. height:44rpx;
  90. line-height: 44rpx;
  91. border-radius:18rpx;
  92. font-size: 24rpx;
  93. position: absolute;
  94. right: 20rpx;
  95. bottom: 20rpx;
  96. text-align: center;
  97. background:rgba(255,255,255,0.5)
  98. }
  99. .kjText,.ptText{
  100. color: #FFFFFF;
  101. margin: 14rpx 10rpx 20rpx 10rpx;
  102. }
  103. .title{
  104. width: 210rpx;
  105. font-size: 30rpx;
  106. overflow: hidden;
  107. text-overflow:ellipsis;
  108. white-space:nowrap;
  109. float: left;
  110. }
  111. .price{
  112. width: 210rpx;
  113. font-size: 22rpx;
  114. text-decoration:line-through;
  115. float: left;
  116. }
  117. .expect{
  118. width: 210rpx;
  119. font-size: 22rpx;
  120. float: left;
  121. }
  122. .sale{
  123. width: 210rpx;
  124. font-size: 32rpx;
  125. float: left;
  126. margin-top: -8rpx;
  127. }
  128. .sale text{
  129. font-size: 20rpx!important;
  130. }