JingTieXueTang.H5/src/styles/vant.scss

// 覆盖Van的部分样式
.van-image {
  img.van-image__img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    max-width: inherit;
    min-width: inherit;
  }
  .van-image__loading,
  .van-image__error {
    border-radius: inherit;
  }
}
.van-swipe .van-swipe-item img.van-image__img {
  width: 100%;
  height: 100%;
}

// 修改导航相关样式
.van-nav-bar {
  background-color: #7cc8ff;
  .van-nav-bar__left {
    .van-icon {
      color: #fff;
    }
  }
  .van-nav-bar__title {
    // font-weight: bolder;
    color: #fff;
  }
}

// 修改button按钮样式
.van-button {
  border-radius: 0.2rem;
}

// 修改van-tab的一级导航栏的背景色
.van-tabs__wrap--scrollable .van-tabs__nav {
  background-color: #f4f7ff;
  .van-tab--active {
    color: #0088e9;
  }
  .van-tabs__line {
    background-color: #0088e9;
    width: 40% !important; 
  }
}
.van-tabs--line .van-tabs__wrap {
  height: 1.5rem;
  overflow-x: auto;
}
.van-tabs__content .van-tabs__nav {
  .van-tab {
    .van-tab__text {
      font-size: 0.55rem;
      display: block;
      padding: 0.05rem 0.15rem;
      flex-wrap: nowrap;
      white-space: nowrap;
    }
  }
  .van-tab--active {
    .van-tab__text {
      color: #fff;
      background-color: #0088e9;
      flex-wrap: nowrap;
      white-space: nowrap;
    }
  }
  .van-tabs__line {
    background-color: #0088e9;
    width: 35% !important; 
  }
}