search.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /* pages/search/search.wxss */
  2. .searchWrap {
  3. position: fixed;
  4. top: 0;
  5. left: 0;
  6. right: 0;
  7. padding: 24rpx 0 24rpx 24rpx;
  8. background: #f7f9fb;
  9. display: flex;
  10. align-items: center;
  11. z-index: 100;
  12. }
  13. .searchWrap .icon-search {
  14. position: absolute;
  15. top: 50%;
  16. transform: translateY(-50%);
  17. left: 48rpx;
  18. font-size: 30rpx;
  19. color: #999;
  20. }
  21. .searchWrap .input {
  22. flex: 1;
  23. width: 0;
  24. height: 84rpx;
  25. padding-left: 68rpx;
  26. padding-right: 24rpx;
  27. font-size: 30rpx;
  28. color: #282828;
  29. background: #fff;
  30. border-radius: 8rpx;
  31. }
  32. .searchWrap .btn {
  33. padding: 0 24rpx !important;
  34. width: auto;
  35. height: 84rpx;
  36. line-height: 84rpx;
  37. font-size: 30rpx;
  38. color: #007dff;
  39. background: transparent;
  40. }
  41. .placeholderStyle {
  42. font-size: 30rpx;
  43. }
  44. .list {
  45. margin-top: 132rpx;
  46. margin-bottom:88rpx;
  47. padding: 0 24rpx;
  48. }
  49. .list .item {
  50. padding: 24rpx;
  51. font-size: 28rpx;
  52. word-break: break-all;
  53. background: #fff;
  54. }
  55. .list .item+.item {
  56. margin-top: 24rpx;
  57. }
  58. .btnGroup .btn{
  59. width:100%!important;
  60. height:88rpx;
  61. line-height:88rpx;
  62. font-size:32rpx;
  63. color:#fff;
  64. background:#007dff;
  65. border-radius:0;
  66. }