search.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. /* pages/news/search.wxss */
  2. .key{
  3. width:auto;
  4. height:48rpx;
  5. line-height: 48rpx;
  6. background:rgba(246,246,246,1);
  7. border-radius:30rpx;
  8. padding: 5rpx 30rpx;
  9. font-weight:300;
  10. color: #4A4A4A;
  11. float:left;
  12. margin-right: 10rpx;
  13. margin-bottom: 30rpx;
  14. margin-left: 10rpx;
  15. }
  16. .list{
  17. padding-left: 10rpx;
  18. }
  19. .search_title{
  20. margin: 40rpx 20rpx 40rpx 30rpx;
  21. }
  22. .search_title image{
  23. width: 48rpx;
  24. height: 48rpx;
  25. }
  26. .search_result{
  27. position:fixed;
  28. left:0;
  29. right:0;
  30. top:80rpx;
  31. bottom:0;
  32. background:#ffffff;
  33. font-size: 26rpx;
  34. overflow: scroll;
  35. padding-bottom: 30rpx;
  36. }
  37. .search_result>view{
  38. width: 690rpx;
  39. border-bottom:1rpx solid rgba(239,239,239,1);
  40. margin: auto;
  41. padding:30rpx 0;
  42. color: #070707;
  43. font-weight:400;
  44. overflow: hidden;
  45. white-space: nowrap;
  46. text-overflow: ellipsis;
  47. }
  48. .search_result>view:nth-last-child(1){
  49. border-bottom: none;
  50. }
  51. .cancle_btn{
  52. position: absolute;
  53. right: 40rpx;
  54. top:15rpx;
  55. width: 48rpx;
  56. height: 48rpx;
  57. z-index: 999;
  58. }
  59. .search_input {
  60. width: 620rpx;
  61. height: 72rpx;
  62. background: rgba(247, 247, 247, 1);
  63. border-radius: 36rpx;
  64. padding-left: 80rpx;
  65. margin:20rpx auto;
  66. font-size: 24rpx;
  67. }
  68. .search_input input{
  69. line-height:72rpx;
  70. height:72rpx;
  71. width:500rpx;
  72. }
  73. .search_icon {
  74. position: absolute;
  75. left: 60rpx;
  76. top: 43rpx;
  77. }
  78. .search_placeholder {
  79. /* color: #cacaca; */
  80. }
  81. .cancle_btn{
  82. position: absolute;
  83. right: 40rpx;
  84. top:30rpx;
  85. width: 48rpx;
  86. height: 48rpx;
  87. z-index: 999;
  88. }
  89. .container2 {
  90. padding: 0 0 50rpx;
  91. font-size: 29rpx;
  92. overflow: scroll;
  93. }
  94. .no_more {
  95. text-align: center;
  96. font-weight: 400;
  97. color: rgba(107, 107, 107, 1);
  98. margin-bottom: 30rpx;
  99. }
  100. .flex {
  101. display: flex;
  102. color: #ffffff;
  103. }
  104. .space_between {
  105. justify-content: space-between;
  106. }
  107. .space_around {
  108. justify-content: space-around;
  109. }
  110. .align_center {
  111. align-items: center;
  112. }
  113. .hot_search{
  114. margin: 10rpx 20rpx 40rpx 30rpx;
  115. color: #ffffff;
  116. }