vue 修改框架less变量

以vant框架为例,vue项目以less作为css处理器：less/var-reset.less@import '~vant/lib/index.less';// Color variables 重写变量值@blue: #1989fa;@orange: #000;@green: #cccccc;vue入口文件：import vant from 'vant';impo...

Tybyqi

4066人浏览 · 2018-12-19 16:04:31

Tybyqi · 2018-12-19 16:04:31 发布

以vant框架为例,vue项目以less作为css处理器：

less/var-reset.less

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

// Color variables 重写变量值
@blue: #1989fa;
@orange: #000;
@green: #cccccc;

vue入口文件：

import vant from 'vant';
import '../../less/var-reset.less';  // 引入var-reaet.less文件
Vue.use(vant);

vue文件：

Hello admin
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^