navBar.wxss 650 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .nav{
  2. position: fixed;
  3. top:0;
  4. left:0;
  5. right:0;
  6. z-index: 100;
  7. }
  8. .navbar{
  9. position: relative
  10. }
  11. .back-icon, .home-icon{
  12. width: 28px;
  13. height: 100%;
  14. position: absolute;
  15. transform: translateY(-50%);
  16. top: 50%;
  17. display: flex;
  18. }
  19. .back-icon{
  20. left: 6px;
  21. padding: 0 10rpx;
  22. }
  23. .home-icon{
  24. left: 44px
  25. }
  26. .back-icon image{
  27. width: 20px;
  28. height: 20px;
  29. margin: auto;
  30. }
  31. .home-icon image{
  32. width: 20px;
  33. height: 20px;
  34. margin: auto;
  35. }
  36. .nav-title, .nav-icon{
  37. position: absolute;
  38. transform: translate(-50%, -50%);
  39. left: 50%;
  40. top: 50%;
  41. font-size: 0;
  42. font-weight: bold;
  43. }