浅析小程序中怎么实现Icon图标？

浅析小程序中怎么实现Icon图标？
小程序中怎么实现Icon图标？下面本篇文章给大家分享小程序Icon图标的几种实现方案，希望对大家有所帮助！

小程序中怎么实现icon图标？下面本篇文章给大家分享小程序icon图标的几种实现方案，希望对大家有所帮助！

小程序原生提供的Icon组件属性属性类型默认值必填说明typestring是icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clearsizenumber/string23否icon的大小colorstring否icon的颜色，同css的color说明组件size属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)

PX 数值类型，默认使用，什么单位都不填，只写一个数值就可以

RPX（Responsive Pixel）屏幕自适应单位，他将屏幕分为750个单位，每个单位是1/750。【相关学习推荐：小程序开发教程】

比方说：iphone6的屏幕宽度是350px，每个rpx就是0.5px。也就是说如果我们在iphone6机器上将size的值设置为60rpx，他与设置为30或者30px的效果是一样的。

组件color属性是改变图标所有像素点的颜色常见问题图标与文本能否放在同一行中？

可以的，图标本身就是为了更好的布局和更方便使用而诞生的。代码如下：

<view style="font-size: 17px;margin-top: 20px;"> 我是一行文字，<icon type="success" size="15"></icon>我里面包含了图标！</view>