Mint UI 進(jìn)度條-Progress

2021-09-06 15:13 更新

進(jìn)度條。

引入

import { Progress } from 'mint-ui';

Vue.component(Progress.name, Progress);

傳入? value? 作為進(jìn)度條的值。可自定義它的線寬

<mt-progress :value="20" :bar-height="5"></mt-progress>

可在進(jìn)度條兩側(cè)顯示文字

<mt-progress :value="60">
  <div slot="start">0%</div>
  <div slot="end">100%</div>
</mt-progress>

參數(shù)	說明	類型	可選值	默認(rèn)值
value	進(jìn)度條的值（%）	Number
barHeight	進(jìn)度條的線寬（像素）	Number		1

name	描述
start	進(jìn)度條左側(cè) DOM
end	進(jìn)度條右側(cè) DOM

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充