1. 程式人生 > >【微信小程式筆記-4】元件-基礎內容(icon、text、progress)

【微信小程式筆記-4】元件-基礎內容(icon、text、progress)

一、icon

屬性名 型別 預設值 說明
type String icon型別,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear
size Number 23 icon的大小,單位px
color Color icon的顏色,同css的color

二、text

space 有效值:
說明
ensp 中文字元空格一半大小
emsp 中文字元空格大小
nbsp 根據字型設定的空格大小
Tips
decode可以解析的有   < > & '    
各個作業系統的空格標準並不一致。
<text/> 元件內只支援 巢狀。
除了文字節點以外的其他節點都無法長按選中。

三、progress

可以通過以下例項瞭解進度條屬性

<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent
="60" color="pink" /> <progress percent="80" active />