微信里面有很多地方使用到小图标那么图标怎样引用进页面就拿阿里巴巴图标库举例 首先加入购物车
然后添加到项目
生成链接复制代码 在微信小程序utils中新建 .wxss文件(例如:iconfont.wxss) (1)@font-face为第6步复制的代码; (2).iconfont为文字图标样式; (3).icon-location:before { content: “\e76f”} 中.icon-location的location是自己命名的图标名称,content: "\e76f"的e76f为文字图标的字体代号后四位(需要使用哪个图标就复制哪个图标的字体代号)
在app.wxss中导入该文件
在 .wxml中使用
效果图如下(步骤一样引入的图标不一样)
|
请发表评论