• icon 圖標(biāo)
  • 屬性說(shuō)明
  • 示例
    • 代碼示例 1：自定義 icon 類型
    • 代碼示例 2：自定義 icon 顏色
    • 代碼示例 3：自定義 icon 大小

icon 圖標(biāo)

解釋：包括天氣、系統(tǒng)設(shè)置、互動(dòng)社交、生活服務(wù)、書(shū)籍影音、政務(wù)服務(wù)、交通出行 7 個(gè)行業(yè)類別的圖標(biāo)。請(qǐng)掃描示例二維碼查看圖標(biāo)全集。詳細(xì)設(shè)計(jì)文檔參考圖片圖標(biāo)。

在宛城等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,營(yíng)銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站制作,宛城網(wǎng)站建設(shè)費(fèi)用合理。

屬性說(shuō)明

屬性名	類型	必填	默認(rèn)值	說(shuō)明
name	String	是		icon 的英文名稱
color	String/Array.	否		icon 的顏色，多色圖標(biāo)支持傳入色值的數(shù)組
size	String	否	25px	icon 的尺寸，必須包含單位（px、rpx、 vw、vh、%、em 等）

更多 icon 圖標(biāo)樣式請(qǐng)掃碼體驗(yàn)

示例

跳轉(zhuǎn)編輯工具

在開(kāi)發(fā)者工具中打開(kāi)

在 WEB IDE 中打開(kāi)

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

代碼示例 1：自定義 icon 類型

• SWAN
• JS
• CSS
• JSON

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 {{item}}
  
  
  
 
  
  
  

 
 
 

設(shè)計(jì)指南

提供 2 種主題的圖標(biāo)，單色線型和多色面型?？蚣芎突A(chǔ)功能類頁(yè)面可選擇單色圖標(biāo)，重點(diǎn)內(nèi)容分類入口（金剛位）可選擇多色圖標(biāo)。

代碼示例 2：自定義 icon 顏色

• SWAN
• JS

代碼示例 3：自定義 icon 大小

• SWAN

新聞名稱：創(chuàng)新互聯(lián)百度小程序教程：icon圖標(biāo)
標(biāo)題URL：http://m.fisionsoft.com.cn/article/djeooss.html