创新互联小程序教程:微信小程序内容组件图标icon

icon

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

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

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

属性名 类型 默认值 说明
typeString icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear
sizeNumber23icon的大小,单位px
colorColor 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
标题路径:http://www.gawzjz.com/qtweb/news49/182449.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联