navBar.wxss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .navbar{
  2. position: relative
  3. }
  4. .back-icon, .home-icon{
  5. width: 28px;
  6. height: 100%;
  7. position: absolute;
  8. transform: translateY(-50%);
  9. top: 50%;
  10. display: flex;
  11. }
  12. .back-icon{
  13. left: 16px;
  14. }
  15. .home-icon{
  16. left: 44px
  17. }
  18. .back-icon image{
  19. width: 28px;
  20. height: 28px;
  21. margin: auto;
  22. }
  23. .home-icon image{
  24. width: 20px;
  25. height: 20px;
  26. margin: auto;
  27. }
  28. .nav-title, .nav-icon{
  29. position: absolute;
  30. transform: translate(-50%, -50%);
  31. left: 30%;
  32. top: 50%;
  33. font-size: 0;
  34. font-weight: bold;
  35. width: 60%;
  36. }
  37. .input-box {
  38. width: 100%;
  39. height: 100%;
  40. /* background-color: #eee; */
  41. justify-content: center;
  42. align-items: center;
  43. float: left;
  44. margin-left: 3%;
  45. display: flex;
  46. }
  47. .input-box input {
  48. font-size: 12px;
  49. color: #333;
  50. width: 90%;
  51. height: 30px;
  52. background-color: #ffffff;
  53. border-radius: 44rpx;
  54. padding-left: 7%;
  55. padding-right: 3%;
  56. border: 1rpx solid #E5E5E5;
  57. }
  58. .weui-icon-search_in-box{
  59. margin-left: -60rpx;
  60. }