一、准备好 ElementUI 的图标文件 (1)在项目中使用 npm i element-ui --force 导入依赖,然后找到字体图标文件(element-icons.woff 和 element-icons.ttf),如下图所示。 (2)还要找到icon.css文件 二、在项目的全局样式文件中引入字体图标和图标样式 (1)字体存放在项目的 /public/element-ui/fonts 目录中,然后...
1、安装 cnpm install element-ui --save 2、引用 在main.js中引用两个变量: import ElementUI from 'element-ui'import'element-ui/lib/theme-default/index.css'Vue.use(ElementUI)//全局可用 3、使用ElementUI <el-row> <el-col :span=7> </el-col> </el-row>...
进入到vue项目根目录,同样,输入一行代码安装: npm install element-ui -S 1. 3.在项目中引入element-ui 找到文件main.js,输入以下3行代码: import ElementUI from 'element-ui'; // 导入element-ui包 import 'element-ui/lib/theme-chalk/index.css'; // 导入相关样式 Vue.use(ElementUI); // 引用 1....
一、准备好 ElementUI 的图标文件 (1)在项目中使用 npm i element-ui --force 导入依赖,然后找到字体图标文件(element-icons.woff 和 element-icons.ttf),如下图所示。 (2)还要找到icon.css文件 二、在项目的全局样式文件中引入字体图标和图标样式 (1)字体存放在项目的 /public/element-ui/fonts 目录中,然后...