微信里面有很多地方使用到小图标那么图标怎样引用进页面就拿阿里巴巴图标库举例
首先加入购物车
微信小程序图标引用
然后添加到项目
微信小程序图标引用
生成链接复制代码微信小程序图标引用
在微信小程序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中使用
微信小程序图标引用
效果图如下(步骤一样引入的图标不一样)
微信小程序图标引用

相关文章:

  • 2021-11-27
  • 2021-12-31
  • 2021-12-31
  • 2021-04-19
  • 2021-05-11
  • 2021-08-13
  • 2021-12-31
  • 2021-12-18
猜你喜欢
  • 2021-05-23
  • 2021-05-01
  • 2022-01-15
  • 2021-12-31
  • 2021-04-05
  • 2021-05-01
  • 2021-07-06
相关资源
相似解决方案