nova-trip/nova-tourism/components/nav/nav.less

.nav {
  position: fixed;
  top: 0;
  display: flex;
  align-items: baseline;
  color: #AD0F0F;
  padding: 20rpx;
  height: 120rpx;
  // line-height: 170rpx;
  width: 100%;
  // background-image: url('https://file-cloud.fmode.cn/xJSpGNPpDI/20220928/1qjr1h054114.png');
  background: #f39283;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 999;

  .nav_left {
    display: flex;
    align-items: center;
  }

  .font_w {
    font-weight: 600;
  }

  .title {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
  }
}

.background-img {
  width: 750rpx;
  height: 435rpx;
  position: fixed;
  top: 0;
  z-index: -1;
}

.nav-my {
  position: fixed;
  top: 0;
  display: flex;
  align-items: baseline;
  color: #AD0F0F;
  padding: 20rpx 38rpx;
  // height: 435rpx;
  // line-height: 170rpx;
  width: 100%;
  // background-image: url('https://file-cloud.fmode.cn/xJSpGNPpDI/20220928/1qjr1h054114.png');
  // background: #f39283;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 9;

  .nav_left {
    display: flex;
    align-items: center;
  }

  .font_w {
    font-weight: 600;
  }

  .title {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
  }
}

.navs {
  position: fixed;
  top: 0;
  text-align: center;
  padding: 20rpx;
  height: 120rpx;
  // line-height: 170rpx;
  font-weight: bold;
  color: #AD0F0F;
  width: 100%;
  // background-image: url('https://file-cloud.fmode.cn/xJSpGNPpDI/20220928/1qjr1h054114.png');
  background-size: cover;
  background-repeat: no-repeat;
  background: #f39283;
  z-index: 999;

  .van-icon {
    border: 1px solid red !important;
  }


  .nav_left {
    display: flex;
    align-items: center;
  }

  .font_w {
    font-weight: 600;
  }
}

.back {
  position: fixed;
  top: 0;
  text-align: center;
  padding: 20rpx;
  height: 120rpx;
  font-weight: bold;
  color: #AD0F0F;
  width: 100%;
  // background-image: url('https://file-cloud.fmode.cn/xJSpGNPpDI/20220928/1qjr1h054114.png');
  background: #f39283;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 999;
  display: flex;

  .text {
    flex: 1;
    margin-right: 40rpx;

  }

}