searchList.wxss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. /* searchList.wxss */
  2. page{
  3. background-color: #fff;
  4. }
  5. .container{
  6. display: flex;
  7. max-height: 100vh;
  8. overflow: hidden;
  9. }
  10. ::-webkit-scrollbar{
  11. width: 0;
  12. height: 0;
  13. color: transparent;
  14. }
  15. ::-webkit-scrollbar-thumb{
  16. color:transparent;
  17. }
  18. ::-webkit-scrollbar-track-piece{
  19. color: transparent;
  20. }
  21. .header-search{
  22. display: flex;
  23. flex-direction: row;
  24. height:104rpx;
  25. background-color:#fff;
  26. align-items: center;
  27. }
  28. .header_logo{
  29. width:126rpx;
  30. height:39rpx;
  31. margin-left:30rpx;
  32. }
  33. .header_search_wrap{
  34. flex: 1;
  35. padding:0 39rpx 0 24rpx;
  36. }
  37. .header_search{
  38. height:64rpx;
  39. border-radius:30rpx;
  40. color:#fff;
  41. background-color:#e5e5e5;
  42. display: flex;
  43. align-items: center;
  44. /* justify-content: center; */
  45. }
  46. .header_search_icon{
  47. width:28rpx;
  48. height:28rpx;
  49. margin:0 8rpx 0 30rpx;
  50. }
  51. .header_search_placeholder{
  52. color:#929aa0;
  53. font-size: 28rpx;
  54. width:100%;
  55. }
  56. .cancel_btn{
  57. margin-right:30rpx;
  58. font-size: 24rpx;
  59. text-align: center;
  60. /* color: #fff; */
  61. }
  62. .header_nav_wrap{
  63. width:100%;
  64. height:78rpx;
  65. color:#fff;
  66. background-color:#131617;
  67. /* overflow:hidden; */
  68. }
  69. .header_nav{
  70. white-space: nowrap;
  71. display: flex;
  72. }
  73. .header_nav_each{
  74. height:42rpx;
  75. font-size: 28rpx;
  76. line-height:42rpx;
  77. padding: 0 20rpx;
  78. display: inline-block;
  79. margin:18rpx 20rpx;
  80. border:1px solid #131617;
  81. }
  82. .header_nav_active{
  83. border:1px solid #fff;
  84. border-radius: 20rpx;
  85. }
  86. .header_fixed{
  87. width: 100%;
  88. position: fixed;
  89. top: 0;
  90. left: 0;
  91. z-index: 2;
  92. }
  93. .header_nav{
  94. width: 100%;
  95. height:91rpx;
  96. font-size: 24rpx;
  97. color: #2d2d2d;
  98. background-color: #fff;
  99. padding-top:4rpx;
  100. }
  101. .each_nav{
  102. width: 50%;
  103. display: flex;
  104. flex-flow: row;
  105. justify-content: center;
  106. align-items: center;
  107. }
  108. .nav_item{
  109. display: inline-block;
  110. height: 91rpx;
  111. padding:0 3rpx 0 23rpx;
  112. box-sizing: border-box;
  113. }
  114. .nav_item_active{
  115. color:#e60012;
  116. border-bottom:3rpx solid #e60012;
  117. }
  118. .header_nav_title,.header_nav_icon{
  119. display: block;
  120. float: left;
  121. }
  122. .header_nav_title{
  123. line-height: 91rpx;
  124. }
  125. .header_nav_icon{
  126. margin:45rpx 0 0 10rpx;
  127. }
  128. .header_nav_icon_price{
  129. display: block;
  130. float: left;
  131. width: 14rpx;
  132. height: 19rpx;
  133. margin:35rpx 0 0 10rpx;
  134. }
  135. /* 列表 */
  136. .list{
  137. display: flex;
  138. justify-content: space-between;
  139. flex-wrap: wrap;
  140. background-color: #fff;
  141. margin-top:100rpx;
  142. }
  143. .goods-listType2{
  144. padding:30rpx;
  145. background:#fff;
  146. }
  147. .goods-listType2 .goods-list{
  148. width:332rpx;
  149. margin-bottom:26rpx;
  150. }
  151. .goods-listType2 .goods-img{
  152. width:332rpx;
  153. height:332rpx;
  154. background:#eeedf2;
  155. display: block;
  156. }
  157. .goods-listType2 .goods-summary{
  158. height:44rpx;
  159. line-height:44rpx;
  160. background:#f1f7fc;
  161. color:#666666;
  162. padding:0 10rpx;
  163. overflow: hidden;/*超出部分隐藏*/
  164. white-space: nowrap;/*不换行*/
  165. text-overflow:ellipsis;/*超出部分文字以...显示*/
  166. }
  167. .goods-listType2 .goods-title{
  168. margin:10rpx 0;
  169. }