progress 進度條元件說明

原型：

<

progress
percent
="[float(0-100)]"
show-info
="[boolean]"
border-radius
="[number | string]"
font-size
="[number | string]"
stroke-width
="[number]"
activecolor
="[color]"
backgroundcolor
="[color]"
active
="[boolean]"
active-mode
="[backwards | forwards]"
>
progress
>

屬性：名稱

是否必需

型別預設值

說明percent

否[float]

空百分比0~100

show-info

否[boolean]

false

是否在進度條右側顯示百分比

border-radius

否[number / string]

0圓角大小，單位px或rpx，預設為px (最低版本2.3.1)

font-size

否[number / string]

16右側百分比字型大小，單位px或rpx，預設為px (最低版本2.3.1)

stroke-width

否[number / string]

6進度條線的寬度，單位px或rpx，預設為px

activecolor

否[color]

#09bb07

進度條顏色

backgroundcolor

否[color]

未選擇的進度條的顏色

active

否[boolean]

false

進度條從左往右的動畫

active-mode

否[backwards | forwards]

backwards

forwards：動畫從上次結束點接著播；

更多專業前端知識，請上

【猿2048】www.mk2048.com

progress 進度條元件說明

原型 progress percent float 0 100 show info boolean border radius number string font size number string stroke width number activecolor color background...

progress元件（進度條）

progress元件 進度條 progress元件的屬性 percent 型別 number 設定百分比 0 100 show info 型別 布林 在進度條右側顯示百分比 border radius 型別 number 圓角大小 font size 型別 number 右側百分比字型大小 stro...

自定義Progress進度條

1 邊界引數 widthmeasurespec和heightmeasurespec，效率的原因以整數的形式傳入。在它們使用之前，首先要做的是使用measurespec類的靜態方法getmode和getsize來解釋。2 specmode有三種 measurespec.exactly 邊界已經確定，m...