progress 進度條元件說明

2021-09-28 18:23:52 字數 1238 閱讀 2129

原型:

<

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...