/wx-progress

一个weex进度条组件

Primary LanguageVue

wx-progress

一个 Weex 的水平,圆形进度条

npm npm npm

使用方法

安装

npm i wx-progress --save

水平进度条

<wx-progress :percent='50' :wx_width='650'></wx-progress>

可配置参数
Prop Type Required Default Description
percent Number Y 0 百分比(0-100)
wx-height Number N 10 高度
wx-width Number N 600 长度
wx-color String N #42b983 颜色
wx-bgColor String N #EEEEEE 进度底色
wx-radius Number N 5 圆角
duration Number N 2000 动画时长

环形进度条

<wx-c-progress :percent="60" :wx-radius='100'></wx-c-progress>

可配置参数
Prop Type Required Default Description
percent Number Y 0 百分比(0-100)
wxc-color String N #42b983 颜色
wxc-bgColor String N #EEEEEE 进度底色
wxc-radius Number N 100 半径
wxc_stokenWidth Number N 4 环形宽度
duration Number N 2000 动画时长

更详细效果可以参考 demo