低代码开发平台

Appearance

On this page

步骤 ​

介绍 ​

TIP

步骤容器常用与一个分步录入的表单布局。当需要用于先进行录入基本信息在录入工作信息再录入家庭信息这种情况就可以使用步骤容器分成三步进行录入。,当然也可以一个表单通过分隔线进行分块,只不过步骤更简单和清晰。

认识步骤 ​

'认识步骤'

步骤的属性配置 ​

组件大小 ​

略

组件类型 ​

'组件类型'

步骤条位置与文字位置 ​

步骤条位置根据这两个属性可以搭配出四种不同的布局方案,如图: '步骤条位置与文字位置'

点状步骤 ​

用于标识左侧步骤图片的形态, '点状步骤'

步骤添加移动删除 ​

略

事件属性 ​

onNextBef 与 onNextAft ​

在点击下一步按钮时触发,函数返回四个参数,nowStep,maxSteps,showFinish,hideFinish nowStep 是当前步骤走到了第几步,索引是从0开始, maxSteps:是一共有多少步, showFinish: 是手动展示完成按钮并隐藏下一步按钮 hideFinish: 是手动隐藏完成按钮并显示下一步按钮

注意onNextBef 与onNextAft的唯一区别是,当点击下一步时,onNextBef返回的是还没有到下一步的数字索引,而onNextAft是已经到下一步的数字索引,如图 '事件'

onLastBef 与 onLastAft ​

与上面原理相同。