keep-models/src/packages/navBar/navBar.less

### 执行命令

@import '../../styles/var.less';

.top_header {
    width: 100%;
    background-color: #ffffff;
    color: @nav-bar-title-color;
    height: @nav-bar-height;
    line-height: @nav-bar-height;
    text-align: center;
    font-size: @nav-bar-title-font-size;
    position: relative;
    overflow: hidden;
    .top_left {
      display: inline-block;
      position: absolute;
      left: 0;
      padding-left: @nav-bar-padding;
      span {
        display: inline-block;
        img {
          height: 0.2rem;
          position: relative;
          top: 0.03rem;
        }
        .iconfont, .van-icon {
          font-size: 0.2rem;
        }
      }
      .back {
        margin-right: 0.2rem;
        .iconfont, .van-icon {
          font-size: 0.2rem;
        }
      }
    }
    .top_text {
      position: absolute;
      right: 0;
      top: 0;
      padding-right: @nav-bar-padding;
      font-size: @nav-bar-title-font-size;
      .text {
        display: inline-block;
      }
      .iconfont, .van-icon {
        font-size: @font-size7;
        position: relative;
        top: 0.01rem;
      }
      img {
        display: inline-block;
        width: 0.2rem;
        height: 0.2rem;
        position: relative;
        top: 0.04rem;
      }
      .marginIcon {
        margin-left: 0.2rem;
      }
      .marginText {
        margin-left: 0.15rem;
      }
    }
    // 点击标题选中并切换
    .header_title {
      display: inline-block;
      line-height: 0;
      font-size: @font-size5;
      .header_item {
        display: inline-block;
        margin-top: 0.03rem;
        position: relative;
        .device_line {
          display: inline-block;
          height: 0.05rem;
          width: 0.2rem;
        }
        .header_num {
          position: absolute;
          top: 0.04rem;
          right: -0.27rem;
          font-size: 0.1rem;
          width: @nav-bar-corner-width;
          height: @nav-bar-corner-height;
          line-height: @nav-bar-corner-height;
          background-color: #f3f3f3;
          border-radius: 0.1rem;
          text-align: center;
        }
      }
    }
  }