navbar.wxss 798 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .nav{
  2. background-color: #191b26;
  3. /* position: fixed; */
  4. }
  5. .navbar{
  6. position: relative;
  7. }
  8. .back-icon, .home-icon{
  9. /* width: 170rpx; */
  10. height: 100%;
  11. color: #fff;
  12. align-items: center;
  13. font-size: 14px;
  14. position: absolute;
  15. transform: translateY(-50%);
  16. top: 50%;
  17. display: flex;
  18. }
  19. .back-icon{
  20. left: 16px;
  21. }
  22. .home-icon{
  23. /* left: 44px; */
  24. left: 16px;
  25. }
  26. .iconright{
  27. margin-left: 6px;
  28. }
  29. .home-icon .projectname{
  30. max-width: 180rpx;
  31. overflow: hidden;
  32. text-overflow: ellipsis;
  33. white-space:nowrap;
  34. }
  35. .back-icon image{
  36. width: 28px;
  37. height: 28px;
  38. margin: auto;
  39. }
  40. .home-icon image{
  41. width: 20px;
  42. height: 20px;
  43. margin: auto;
  44. }
  45. .nav-title, .nav-icon{
  46. position: absolute;
  47. transform: translate(-50%, -50%);
  48. left: 50%;
  49. top: 50%;
  50. color: #fff;
  51. font-size: 0;
  52. }