samurai-progress

samurai-progress 线形进度条

介绍

用于展示操作进度,告知用户当前状态和预期。

该组件宽度自动撑满

引入

import samuraiProgress from '../../components/samurai-progress/samurai-progress.stml'

用法

<samurai-progress :percentage="80" :stroke-width="6" color="" bg-color="" :show-text="true" format="asd123"
    text-size="3" text-color="#fff" />

属性

|属性名 |类型 |说明 |默认值 |是否必传 |可选值 :---:|:--:|:--:|:--:|:--: |percentage |Number |百分比 |无 |true |0-100 |stroke-width |Number |进度条的宽度,单位 px |6 |false | |color |String |进度条的颜色 |#ff5301 |false | |bg-color |String |进度条的背景颜色 |#f7f7f7 |false | |show-text |boolean |是否显示进度条文字内容 |false |false |true,false |format |String |指定进度条文字内容 |无 |false | |text-size |Number |文字字号 |10 |false | |text-color |String |文字颜色 |#000 |false |

是否仍需要帮助? 请保持联络!
最后更新于 2024/10/21