C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

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