微信小程序 icon组件详细及实例代码

微信小程序 icon组件详细及实例代码

效果图:

微信小程序 icon组件详细及实例代码

test.wxml

<!--成功图标--> <icon type="success" size="40"/> <!--安全成功标志图标--> <icon type="safe_success" size="40"/> <!--提示信息图标--> <icon type="info" size="40"/> <!--带圆的信息提示图标--> <icon type="info_circle" size="40"/> <!--不带圆的成功图标--> <icon type="success_no_circle" size="40"/> <!--带圆的成功图标--> <icon type="success_circle" size="40"/> <!--警告图标--> <icon type="warn" size="40"/> <!--带圆的等待图标--> <icon type="waiting_circle" size="40"/> <!--等待图标--> <icon type="waiting" size="40"/> <!--下载图标--> <icon type="download" size="40"/> <!--取消图标--> <icon type="cancel" size="40"/> <!--清除图标--> <icon type="clear" size="40"/> <!--成功图标集合--> <View> <icon type="success" size="30" color="green"/> <icon type="success" size="40" color="blue"/> <icon type="success" size="50" color="red"/> </View> <!--取消图标集合--> <View> <icon type="cancel" size="30" color="green"/> <icon type="cancel" size="40" color="blue"/> <icon type="cancel" size="50" color="red"/> </View>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzgsps.html