给你代码:小程序引入icon的三种方式( 五 )
解压下载下来的download.zip文件 , 将其中的iconfont.css文件拷贝到小程序utils目录下 , 重命名为iconfont.wxss , 打开iconfont.wxss , 将@font-face部分的一些url引用(红色框选部分)删除掉(看不清楚点击图片看大图哦):
打开app.wxss在首行引入iconfont.wxss:
/**app.wxss**/@import './utils/iconfont.wxss';
在视图文件中 , 我们通过以下方式显示图标:
<icon class=\"iconfont icon-youxiang\"></icon>
效果图:
以上 。
推荐阅读
- 手机游戏|英雄联盟手游皇子怎么玩,出装技巧全交给你,还有啥理由说不会
- 电子竞技|Steam黑色星期五来了!让我给你推荐10个超级冷门但好玩的游戏!
- 使命|三国杀:最新的送给你一个老武将,国战将进入基本场,终于做人了
- 网游|颠覆你认知的网游土豪,程序员加班为他改游戏,还送专属服务器
- 网易|永劫无间诡异宕机事件:网易机房过热,程序员竟然祭出了干冰?
- 传奇世界|传奇世界:如果给你一把屠龙宝刀,你会拿来杀谁?是兄弟就来砍我
- 新世界|《新世界》爆出恶性踢人Bug,直接聊天窗发代码
- 手机游戏|传世群英版:激情微变传世元神手游,给你不一样的体验
- 王者荣耀|金仔给你们讲解马可
- 卡牌|LOLM:排位分不清是先选还是后选?我来将这些局的小技巧教给你!