【微信小程式筆記-4】元件-基礎內容(icon、text、progress)
阿新 • • 發佈:2018-12-29
一、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 />