| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 | 
							- @import '../style/var';
 
- .van-nav-bar {
 
-   position: relative;
 
-   z-index: @nav-bar-z-index;
 
-   line-height: @line-height-lg;
 
-   text-align: center;
 
-   background-color: @nav-bar-background-color;
 
-   user-select: none;
 
-   &--fixed {
 
-     position: fixed;
 
-     top: 0;
 
-     left: 0;
 
-     width: 100%;
 
-   }
 
-   &--safe-area-inset-top {
 
-     padding-top: constant(safe-area-inset-top);
 
-     padding-top: env(safe-area-inset-top);
 
-   }
 
-   .van-icon {
 
-     color: @nav-bar-icon-color;
 
-   }
 
-   &__content {
 
-     position: relative;
 
-     display: flex;
 
-     align-items: center;
 
-     height: @nav-bar-height;
 
-   }
 
-   &__arrow {
 
-     margin-right: @padding-base;
 
-     font-size: @nav-bar-arrow-size;
 
-   }
 
-   &__title {
 
-     max-width: 60%;
 
-     margin: 0 auto;
 
-     color: @nav-bar-title-text-color;
 
-     font-weight: @font-weight-bold;
 
-     font-size: @nav-bar-title-font-size;
 
-   }
 
-   &__left,
 
-   &__right {
 
-     position: absolute;
 
-     top: 0;
 
-     bottom: 0;
 
-     display: flex;
 
-     align-items: center;
 
-     padding: 0 @padding-md;
 
-     font-size: @font-size-md;
 
-     cursor: pointer;
 
-     &:active {
 
-       opacity: @active-opacity;
 
-     }
 
-   }
 
-   &__left {
 
-     left: 0;
 
-   }
 
-   &__right {
 
-     right: 0;
 
-   }
 
-   &__text {
 
-     color: @nav-bar-text-color;
 
-   }
 
- }
 
 
  |