uView Steps 步骤条

该组件一般用于完成一个任务要分几个步骤,标识目前处于第几步的场景。

#平台差异说明

App(vue) App(nvue) H5 小程序

#基本使用

说明

由于安卓nvue下,overflow属性不支持visible值,故此组件暂不支持安卓nvue环境。

  • 通过current参数标识目前处于第几步,从0开始

copy

#错误状态

如果设置u-steps-itemerror参数为true的话,当前步骤将会为“失败”的状态


	
	
	

copy

#步骤条模式

u-stepsdot参数设置为true的话,将会以点状的形式展示步骤条样式。


	
	
	

copy

#竖向模式

u-stepsdirection参数设置为column的话,组件将会以竖向的形式展示步骤条内容。


copy

#自定义图标

  • 通过activeIcon可以设置激活状态的图标
  • 通过inactiveIcon可以设置非激活状态的图标

	
	
	

copy

#通过插槽自定义样式

通过默认插槽,可以自定义某个步骤当前状态的特殊标识


	
	
	
		
	


你可能感兴趣的:(vue.js,前端,javascript)