微信小程序之icon

moldy0 2019-07-01

当需要在小程序中使用图标的时候,很多人第一反应都是通过iconfont,我和我的同事最开始也是这样,但其实如果你仔细阅读小程序开发文档,会发现微信小程序有提供一些原生的图标,已经可以解决前端开发中需要用到的很多图标。
微信小程序提供的9种原生图标:
微信小程序之icon

分别对应的有效值为:'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear'

<icon type="success" color="orange" size="40">

我们可以通过type来选择需要使用的图标,还可以通过color和size控制图标颜色和大小。

相关推荐

戴翔的技术 / 0评论 2020-02-03