不需要修改config文件 vue vant 自定义样式 主题

  • Post author:
  • Post category:vue

第一步:

创建index.less,如图

 index.less内容:

@import "~vant/lib/index.less";

//header
@nav-bar-background-color: @blue;
@nav-bar-icon-color: @white;
@nav-bar-text-color: @white;
@nav-bar-title-text-color: @white;

//tab
@tabs-default-color: @blue;

 第二步:

main.js 中添加引用,记得去掉以前的vant的css引用

import ‘vant/lib/index.css’

import './index.less'

over~


版权声明:本文为Qiyandays原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。