修改van-nav-bar__title颜色——vant中nav-bar组件标题颜色

穿透

<template>
  <div id="mine">
    <!--导航栏-->
    <van-nav-bar
        title="个人中心"
        :fixed=true
        :border=false></van-nav-bar>
  </div>
</template>

<script>
export default {
  name: "Mine"
}
</script>

<style lang="less" scoped>
#mine {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
}

.van-nav-bar {
  background-color: #3bba63;
}

#mine /deep/ .van-nav-bar__title{
  color: white !important;
  font-size: 1rem;
}
</style>

通过外层id标识定位,穿透设置css修改van-nav-bar__title颜色——vant中nav-bar组件标题颜色

上一篇:封装van-popup为自己的弹窗组件解决v-moel props单向数据流不能修改的问题。


下一篇:van 地址选择器(Area)设置默认值