vue element ui引入阿里库的图标

iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具vue element ui引入阿里库的图标https://www.iconfont.cn/ 如果element官网提供的图标不够用可以采用以下方式: 阿里图标库里新建项目,把图标加到购物车后,添加到项目,选择font class下载到本地; 项目里新建assets文件夹,icon把要的图标文件复制进去 修改iconfont.css,加以下代码,红色部分是阿里的图标名
[class^="cl-icon-feedbackqianbi"], [class*=" cl-icon-feedbackqianbi"]/*这有空格*/ { font-family: "iconfont" !important; font-size: 25px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
vue element ui引入阿里库的图标 引用方式:
<el-step  icon="cl-icon-feedbackqianbi" > </el-step>
效果: vue element ui引入阿里库的图标
上一篇:vue+elementui实现排序按钮icon


下一篇:Flutter入门——往项目的Android模块导入icon图标和设置启动加载界面