icon

基础库 1.0.0 开始支持，低版本需做 兼容处理。

员工经过长期磨合与沉淀，具备了协作精神，得以通过团队的力量开发出优质的产品。成都创新互联坚持“专注、创新、易用”的产品理念，因为“专注所以专业、创新互联网站所以易用所以简单”。公司专注于为企业提供网站制作、成都做网站、微信公众号开发、电商网站开发，重庆小程序开发公司，软件按需网站开发等一站式互联网企业服务。

图标。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。

属性名	类型	默认值	说明
type	String		icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear
size	Number	23	icon的大小，单位px
color	Color		icon的颜色，同css的color

示例：

  
    
    
      成功
      用于表示操作顺利完成
    
  
  
    
    
      提示
      用于表示信息提示；也常用于缺乏条件的操作拦截，提示用户所需信息
    
  
  
    
    
      普通警告
      用于表示操作后将引起一定后果的情况；也用于表示由于系统原因而造成的负向结果
    
  
  
    
    
      强烈警告
      用于表示由于用户原因造成的负向结果；也用于表示操作后将引起不可挽回的严重后果的情况
    
  
  
    
    
      等待
      用于表示等待，告知用户结果需等待
    
  
  
    
      
    
    
      多选控件图标_已选择
      用于多选控件中，表示已选择该项目
    
  
  
    
      
    
    
      多选控件图标_未选择
      用于多选控件中，表示该项目可被选择，但还未选择
    
  
  
    
      
    
    
      错误提示
      用于在表单中表示出现错误
    
  
  
    
      
    
    
      单选控件图标_已选择
      用于单选控件中，表示已选择该项目
    
  
  
    
      
    
    
      下载
      用于表示可下载
    
  
  
    
      
    
    
      提示
      用于在表单中表示有信息提示
    
  
  
    
      
    
    
      停止或关闭
      用于在表单中，表示关闭或停止
    
  
  
    
      
    
    
      搜索
      用于搜索控件中，表示可搜索
    
  

Page({
  data: {
    iconSize: [20, 30, 40, 50, 60, 70],
    iconColor: [
      'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'
    ],
    iconType: [
      'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear'
    ]
  }
})

本文题目：创新互联小程序教程：微信小程序内容组件图标icon
当前URL：http://chengdu.cdxwcx.cn/article/cdhdsoi.html