⼩程序中使⽤⾃定义图标（阿⾥icon）的⽅法
weui提供的图标⽐较少，有时我们需要更多的图标，可以使⽤以下⽅法⾃定义图标库：
2，在wxss⽂件中引⽤字体
<style type="less">
@font-face {
font-family: 'iconfont';
src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTYTHwTUAAAfIAAAAHEdERUYAKQAMAAAHqAAAAB5PUy8yVuZh6QAAAVgAAABWY21hcAA8D8sAAAHIAAABemdhc3D//wADAAAHoAAAAAhnbHlmev6+kAAAA1QAAAGEaG }
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}await和async使用方法
.icon-fanhui:before { content: "\f0343"; }
.icon-gengduo:before { content: "\f0344"; }
</style>
3，使⽤字体
<view class="iconfont icon-fanhui">
返回
</view>
<view class="iconfont icon-gengduo">
更多
</view>
4，效果图
总结
以上所述是⼩编给⼤家介绍的⼩程序中使⽤⾃定义图标（阿⾥icon）的⽅法，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。