网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

elementUi如何添加图标

时间:2024-10-13 17:09:57

1、在已有项目中安装element-ui,使用 npm i element-ui -S 安装。

elementUi如何添加图标

2、打开main.js文件,引入安装的element-ui。代码:import'element-ui/lib/theme幻腾寂埒-chalk/index.css';importElementUIfrom'element-ui';Vue.use(ElementUI);

elementUi如何添加图标

3、打开vue文件添加一个删除的小图标。代码:<iclass="el-icon-delete"style="font-size:30px;color:red;"></i>

elementUi如何添加图标

4、保存所有文件后使用浏览器打开,即可看到新加的删除图标。

elementUi如何添加图标
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com