当前位置: 首页 > 编程笔记 >

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

黄扬
2023-03-14
本文向大家介绍微信小程序 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 style="margin-top:30px;">
  <icon type="success" size="30" color="green"/>
  <icon type="success" size="40" color="blue"/>
  <icon type="success" size="50" color="red"/>
</View>
<!--取消图标集合-->
<View style="margin-top:30px;">
  <icon type="cancel" size="30" color="green"/>
  <icon type="cancel" size="40" color="blue"/>
  <icon type="cancel" size="50" color="red"/>
</View>

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

 类似资料:
  • 本文向大家介绍微信小程序 video组件详解及实例代码,包括了微信小程序 video组件详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 视频播放组件与图片加载组件也没啥差别,使用起来也没啥注意的 重要属性: wxml js 相关文章: hello WeApp                      icon组件 Window                             tex

  • 本文向大家介绍微信小程序 wxapp内容组件 icon详细介绍,包括了微信小程序 wxapp内容组件 icon详细介绍的使用技巧和注意事项,需要的朋友参考一下 微信小程序 内容组件 相关文章: 微信小程序 wxapp内容组件 icon 微信小程序 wxapp内容组件 text 微信小程序 wxapp内容组件progress icon 图标。 属性名 类型 默认值 说明 type String  

  • 本文向大家介绍微信小程序 radio单选框组件详解及实例代码,包括了微信小程序 radio单选框组件详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 微信小程序单选框radio  相关文章: 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程

  • 本文向大家介绍微信小程序 获取微信OpenId详解及实例代码,包括了微信小程序 获取微信OpenId详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 获取微信OpenId 先获取code 再通过code获取authtoken,从authtoken中取出openid给前台 微信端一定不要忘记设定网页账号中的授权回调页面域名 流程图如下 主要代码 页面js代码 WxCodeServlet代码 W

  • 本文向大家介绍微信小程序 form组件详解及简单实例,包括了微信小程序 form组件详解及简单实例的使用技巧和注意事项,需要的朋友参考一下 微信小程序form 相关文章: 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序

  • 本文向大家介绍微信小程序 视图容器组件的详解及实例代码,包括了微信小程序 视图容器组件的详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 微信小程序 视图容器组件详解: 小程序给出的视图容器组件有三个:</view>、</scroll-view>和</swiper>: 1、</view> 视图容器 </view>相当于html中的</div>标签,有四个属性: hover和hover-cla