当前位置: 首页 > 后端技术 > Node.js

亲亲iconfont

时间:2023-04-03 22:42:50 Node.js

installiconfontcnnpminstall-giconfontcniconfontcn有什么用简化iconfont的使用提供更灵活的图标组件iconfont是什么?阿里妈妈MUX打造的矢量图标管理交流平台,设计师将图标上传到iconfont平台,用户可以自定义下载各种格式的图标,平台还可以将图标转为字体,方便前端工程师自由使用调整并调用。网上如何使用iconfonthttps://www.iconfont.cn/help/...unicode参考font-class参考symbol参考,新的使用方式,以后主流使用iconfont查看FontFamily和iconfont项目的FontClass通过iconfontcn/Symbol前缀信息iconfont.cn>资源管理>我的项目>更多操作>编辑项目查看iconfont项目的Font类/Symbolconfont.cn>资源管理>我的项目>字体类/Symbolprojectindex.jsInitializeiconfontcn(只需要初始化一次)importIconfontfrom"iconfontcn";//初始化参数说明//Iconfont.init("Fontclass/Symboladdress","FontClass/Symbolprefix","FontFamily");//字体类引用Iconfont.init("font_2043983_voy5aew0vz.css","t-","testfont");//符号引用Iconfont.init("font_2043983_voy5aew0vz.js","t-");图标组件属性及使用属性名称类型描述codestring图标代码sizenumber,字符串图标大小,最高优先级colorstring图标颜色,最高优先级styleobject内联样式,第二优先级classNamestring外部引用css,第三??优先级import{Icon}from"iconfontcn";不要通过iconfontcn加载js或css,使用Icon组件如果在项目中使用本地资源或者在index.html中加载iconfontcss或js,也可以使用Iconiconfontcn组件,需要在index.js中配置iconfontcn(只需要配置一次),注意参考iconfont的引用方法importIconfontfrom"iconfontcn";//config参数说明//Iconfont.config("i|svg","FontClass/Symbolprefix","FontFamily");//font-类引用,第一个参数传递iIconfont.config("i","t-","testfont");//符号引用,第一个参数传递svgIconfont.config("svg","t-");import{Icon}from"iconfontcn";希望你会喜欢!