微信小程序(十一)icon组件详细介绍

 更新时间:2016年09月27日 11:59:54   作者:顺子_RTFSC  
这篇文章主要介绍了微信小程序icon组件详细介绍的相关资料,需要的朋友可以参考下

这些是提供的所支持的图标样式,根据需求在此基础上去修改大小和颜色。

主要属性:

使用方式:

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"/>


<!--改变颜色的success-->
<icon type="success" size="40" color="red"/>



相关文章:

hello WeApp                      icon组件
Window 
                            text组件                                switch组件
tabBar底部导航                 progress组件                        action-sheet
应用生命周期                    button组件                            modal组件
页面生命周期
                    checkbox组件                       toast组件
模块化详                           form组件详                            loading 组件
数据绑定
                           input 组件                             navigator 组件
View组件                          picker组件                             audio 组件
scroll-view组件                 radio组件                              video组件
swiper组件                        slider组件                              Image组件

相关文章

  • 微信小程序 开发之顶部导航栏实例代码

    微信小程序 开发之顶部导航栏实例代码

    这篇文章主要介绍了微信小程序 开发之顶部导航栏实例代码的相关资料,需要的朋友可以参考下
    2017-02-02
  • js解决移动端滚动穿透问题方案详解

    js解决移动端滚动穿透问题方案详解

    这篇文章主要为大家介绍了js解决移动端滚动穿透问题方案详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • TypeScript新语法之infer extends示例详解

    TypeScript新语法之infer extends示例详解

    这篇文章主要为大家介绍了TypeScript新语法之infer extends示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 深入浅出探究JavaScript中的async与await

    深入浅出探究JavaScript中的async与await

    任意一个名称都是有意义的,先从字面意思来理解。async 是“异步”的简写,而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成。下文将带你深入探究JavaScript中的async与await
    2021-09-09
  • Vuex的API文档说明详解

    Vuex的API文档说明详解

    本文将详细介绍Vuex的API文档,需要的朋友可以参考下
    2020-02-02
  • sessionStorage多Tab标签页数据共享问题分析

    sessionStorage多Tab标签页数据共享问题分析

    这篇文章主要为大家介绍了sessionStorage多Tab标签页数据共享问题分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • vue axios请求超时的正确处理方法

    vue axios请求超时的正确处理方法

    这篇文章主要介绍了vue axios请求超时,设置重新请求的完美解决方法,一并给大家介绍了axios基本用法,需要的朋友可以参考下
    2018-04-04
  • 使用p-limit 限制并发数源码解析

    使用p-limit 限制并发数源码解析

    这篇文章主要为大家介绍了使用p-limit 限制并发数源码解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • js 数组 fill() 填充方法

    js 数组 fill() 填充方法

    这篇文章主要介绍了js 数组 fill() 的填充方法,初始化数组的方法,但是初始化数组之后,数组中的每一项元素默认为 empty 空位占位,如何对数组这些空位添加默认的元素,ES6提供了 fill() 方法实现这一操作。本文总结数组 fill() 方法的详细使用,需要的朋友可以参考一下
    2021-10-10
  • Javascript基础知识中关于内置对象的知识

    Javascript基础知识中关于内置对象的知识

    这篇文章主要介绍了Javascript基础知识中关于内置对象的相关知识的相关资料,需要的朋友可以参考下面小编薇大家带来的精彩文章
    2021-09-09

最新评论