vue less elementUI修改主题色

步骤如下：1、在elementUI官网的组件–》自定义主题–》点击“在线主题生成工具”2、点击后，跳入更改主题色的官网：https://elementui.github.io/theme-chalk-preview/#/zh-CN3、在这个网站上，点击“切换主题色”，选择你需要的主题色后，点击切换4、点击页面的下载主题5、将下载后的包解压，为该包随便命名，如：element-cs...

俺是老王

3421人浏览 · 2019-10-12 16:20:38

俺是老王 · 2019-10-12 16:20:38 发布

步骤如下：

1、在elementUI官网的组件–》自定义主题–》点击“在线主题生成工具”

在这里插入图片描述

2、点击后，跳入更改主题色的官网：https://elementui.github.io/theme-chalk-preview/#/zh-CN

在这里插入图片描述

3、在这个网站上，点击“切换主题色”，选择你需要的主题色后，点击切换

在这里插入图片描述

4、点击页面的下载主题

在这里插入图片描述

5、将下载后的包解压，为该包随便命名，如：element-css,将该包放入vue工程项目中的src文件夹下

在这里插入图片描述

6、在项目的入口文件中（main.js）引入如下代码：

import './elementui-css/index.css';// 2.3、引入ElementUI的自定义的主题样式

在这里插入图片描述

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}$/, //不连续的两位字母// /^