search.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. @charset "UTF-8";
  2. /* 需要放到文件最上面 */
  3. /* 水平间距 */
  4. /* 水平间距 */
  5. /*
  6. 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
  7. */
  8. /* 水平间距 */
  9. .search-container .nav {
  10. height: 100%;
  11. background: #fff;
  12. width: 100%;
  13. display: flex;
  14. align-items: center;
  15. }
  16. .search-container .nav .nav-back {
  17. padding-left: 10rpx;
  18. }
  19. .search-container .nav .nav-search {
  20. flex: 1;
  21. width: 0;
  22. border: 1px solid #d9d9d9;
  23. line-height: 1;
  24. padding-left: 30rpx;
  25. margin: 0 20rpx;
  26. box-sizing: border-box;
  27. margin-bottom: 4rpx;
  28. font-weight: 200;
  29. height: 64rpx;
  30. border-radius: 64rpx;
  31. line-height: 60rpx;
  32. }
  33. .search-container .nav .wx-operation {
  34. margin-right: 8px;
  35. margin-bottom: 4rpx;
  36. }
  37. .search-container .search-tag {
  38. background: #fff;
  39. padding: 30rpx 0 0 30rpx;
  40. }
  41. .search-container .search-tag .tag-title {
  42. font-size: 24rpx;
  43. font-weight: bold;
  44. color: #434343;
  45. margin-bottom: 20rpx;
  46. }
  47. .search-container .search-tag .tag-list {
  48. display: flex;
  49. flex-wrap: wrap;
  50. }
  51. .search-container .search-tag .tag-item {
  52. background: #f2f2f2;
  53. padding: 10rpx 20rpx;
  54. color: #434343;
  55. font-weight: 300;
  56. margin-right: 30rpx;
  57. margin-bottom: 30rpx;
  58. font-size: 24rpx;
  59. border-radius: 8rpx;
  60. }