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

icon 圖標(biāo)

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

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

屬性說明

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

更多 icon 圖標(biāo)樣式請掃碼體驗

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

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

• SWAN
• JS
• CSS
• JSON

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 {{item}}
  
  
  
 
  
  
  

 
 
 

設(shè)計指南

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

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

• SWAN
• JS

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

• SWAN

當(dāng)前標(biāo)題：創(chuàng)新互聯(lián)百度小程序教程：icon圖標(biāo)
路徑分享：http://www.5511xx.com/article/djeooss.html