码迷,mamicode.com
首页 > 其他好文 > 详细

progress组件(进度条)

时间:2019-05-20 21:29:57      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:圆角   back   info   gre   cti   进度   size   war   设置   

  progress组件:进度条

  progress组件的属性:

    percent:类型:number  设置百分比 (0~100)

    show-info:类型:布尔  在进度条右侧显示百分比

    border-radius:类型:number  圆角大小

    font-size:类型:number  右侧百分比字体大小

    stroke-width:类型:number  进度条线的宽度

    activeColor:类型:string  已选择的进度条的颜色

    backgroundColor:类型:string  未选择进度条的颜色

    active:类型:布尔  进度条从左往右的动画

    active-mode:类型:字符串  如何播放动画

      属性值:

        backwards:动画从头播放

        forwards:动画从上次结束点接着播

  事件:

    bindlactiveend:动画完成事件

progress组件(进度条)

标签:圆角   back   info   gre   cti   进度   size   war   设置   

原文地址:https://www.cnblogs.com/shangjun6/p/10896272.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!