UniAppicon图标使⽤和注意事项
直⼊主题
icon图标基本使⽤(⼩程序,uniapp,H5上⾯都可以使⽤)
1.访问,注册⼀个账号
2.搜索关键字检索你需要的图标,并且选中它选择购物车那个图标按钮,此时你页⾯右上⾓的地⽅购物车⾥就有你刚选择的图标,点击购物车然后添加到你对应项⽬中(没有项⽬⾃⼰创建⼀个即可)
2.1
2.2
2.3
2.4
3.点击我的项⽬
4.按下图操作。复制这段代码到你的JS⽂件中(随便建⼀个.js⽂件)。然后解压你下载到本地的压缩包到包中⽂件名为iconfont.css的⽂件并⽤⼯具打开,复制其中关键代码(见图3)
图1
图2
图3
最终的⽂件就是这样的
到此icon的图标的相关配置就结束了。
5.使⽤。这样就可以了
最后需要提醒⼏点:
1.H5或者UniApp有时候就出现⽆法显⽰图标的情况。
解决⽅法:检查⼀下最终的js⽂件@font-face中url连接前⾯是不是没有添加https: 2.UniApp中icon图标在样式⽂件中调整图标⼤⼩会出现⽆效的情况icon图标库
解决办法:直接写在style⾥⾯即可
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论