index.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @import '../common/index.css';
  2. .van-nav-bar {
  3. text-align: center;
  4. -webkit-user-select: none;
  5. user-select: none;
  6. height: 44px;
  7. height: var(--nav-bar-height, 44px);
  8. line-height: 44px;
  9. line-height: var(--nav-bar-height, 44px);
  10. background-color: #fff;
  11. background-color: var(--nav-bar-background-color, #fff);
  12. }
  13. .van-nav-bar,
  14. .van-nav-bar__content {
  15. position: relative;
  16. }
  17. .van-nav-bar__text {
  18. display: inline-block;
  19. vertical-align: middle;
  20. margin: 0 -16px;
  21. margin: 0 -var(--padding-md, 16px);
  22. padding: 0 16px;
  23. padding: 0 var(--padding-md, 16px);
  24. color: #1989fa;
  25. color: var(--nav-bar-text-color, #1989fa);
  26. }
  27. .van-nav-bar__text--hover {
  28. background-color: #f2f3f5;
  29. background-color: var(--active-color, #f2f3f5);
  30. }
  31. .van-nav-bar__arrow {
  32. vertical-align: middle;
  33. font-size: 16px;
  34. font-size: var(--nav-bar-arrow-size, 16px);
  35. color: #1989fa;
  36. color: var(--nav-bar-text-color, #1989fa);
  37. }
  38. .van-nav-bar__arrow + .van-nav-bar__text {
  39. margin-left: -20px;
  40. padding-left: 25px;
  41. }
  42. .van-nav-bar--fixed {
  43. position: fixed;
  44. top: 0;
  45. left: 0;
  46. width: 100%;
  47. }
  48. .van-nav-bar__title {
  49. max-width: 60%;
  50. margin: 0 auto;
  51. color: #323233;
  52. color: var(--nav-bar-title-text-color, #323233);
  53. font-weight: 500;
  54. font-weight: var(--font-weight-bold, 500);
  55. font-size: 16px;
  56. font-size: var(--nav-bar-title-font-size, 16px);
  57. }
  58. .van-nav-bar__left,
  59. .van-nav-bar__right {
  60. position: absolute;
  61. top: 0;
  62. bottom: 0;
  63. display: -webkit-flex;
  64. display: flex;
  65. -webkit-align-items: center;
  66. align-items: center;
  67. font-size: 14px;
  68. font-size: var(--font-size-md, 14px);
  69. }
  70. .van-nav-bar__left {
  71. left: 16px;
  72. left: var(--padding-md, 16px);
  73. }
  74. .van-nav-bar__right {
  75. right: 16px;
  76. right: var(--padding-md, 16px);
  77. }