• icon 图标
  • 属性说明
  • 示例
    • 代码示例 1：自定义 icon 类型
    • 代码示例 2：自定义 icon 颜色
    • 代码示例 3：自定义 icon 大小

icon 图标

解释：包括天气、系统设置、互动社交、生活服务、书籍影音、政务服务、交通出行 7 个行业类别的图标。请扫描示例二维码查看图标全集。详细设计文档参考图片图标。

在宛城等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站设计、做网站 网站设计制作按需制作,公司网站建设,企业网站建设,品牌网站制作,营销型网站建设,外贸网站制作,宛城网站建设费用合理。

属性说明

属性名	类型	必填	默认值	说明
name	String	是		icon 的英文名称
color	String/Array.	否		icon 的颜色，多色图标支持传入色值的数组
size	String	否	25px	icon 的尺寸，必须包含单位（px、rpx、 vw、vh、%、em 等）

更多 icon 图标样式请扫码体验

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例 1：自定义 icon 类型

• SWAN
• JS
• CSS
• JSON

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 {{item}}
  
  
  
 
  
  
  

 
 
 

设计指南

提供 2 种主题的图标，单色线型和多色面型。框架和基础功能类页面可选择单色图标，重点内容分类入口（金刚位）可选择多色图标。

代码示例 2：自定义 icon 颜色

• SWAN
• JS

代码示例 3：自定义 icon 大小

• SWAN

当前名称：创新互联百度小程序教程：icon图标
标题链接：http://www.jxjierui.cn/article/djeooss.html