无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/meta.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubcss.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/menu.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/top.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/head.htm

[ lyuif-progress ] 进度条

时间:2020-09-20 17:40来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-progress ] 进度条 # 效果预览 Demo img class= layer-pid= 图片id,可以不写layer-= data-cke-saved-src=../lib/img/demo/weapp/lyuif-weapp-v1_1_1_progress--1.png src=../lib/img/demo/weapp/lyuif-weapp-v1_1_1_progress--1.png alt=组

V1.1.1 [ lyuif-progress ] 进度条#

效果预览 Demo

参数说明 API
进度条,简约配置完成你想要的效果
参数 说明 类型 默认值
cur 容器内容-是否垂直居中对齐 Strting /
info 显示当前进度值(百分百) Number false
ani 进度条从左往右的动画 Boolean false
mode backwards: 动画从头播;forwards:动画从上次结束点接着播 String backwards
bc 进度条颜色 String f0f0f0
abc 已选择的进度条的颜色 String ##09BB07
rd 组件容器-圆角大小 String /
f 右侧百分比字体大小 String /
h 组件容器-高度 String /

Lyuif组件源码展示

  1. <lyuif-progress
  2.     cur="35"
  3.     tit="标题"
  4.     info="{{false}}"
  5. />
  6.  
事件 Events
监听事件
参数 说明 类型 默认值
end 进度条到结束时触发 String /

Lyuif组件源码展示

  1. <lyuif-progress
  2.     bind:end="end"
  3. />
  4.  
  5.  
  6. ({Page
  7.     end(){
  8.     console.log('end')
  9.     },
  10. })
  11.  
前端UI框架,UI框架组件,小程序组件,Lyuif前端框架专注于高效UI解决方案.lyuif是一款HTML/CSS前端框架,高效组件搭配lyui基因碎片化组合完美适配设计稿以及迭代更新,高效前端开发解决方案
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footer.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/side.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footbar.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubjs.htm