codecamp

步骤导航器子组件

用作Stepper组件的页面子组件。

说明

该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

子组件

支持单个子组件。

接口

StepperItem()

属性

参数名

参数类型

参数描述

prevLabel

string

设置左侧文本按钮内容,第一页没有左侧文本按钮,当步骤导航器大于一页时,除第一页外默认值都为“返回”。

nextLabel

string

设置右侧文本按钮内容,最后一页默认值为“开始”,其余页默认值为“下一步”。

status

ItemState

步骤导航器nextLabel的显示状态。

默认值:ItemState.Normal

说明
  • StepperItem组件不支持设置通用宽度属性,其宽度默认撑满Stepper父组件。
  • StepperItem组件不支持设置通用高度属性,其高度由Stepper父组件高度减去label按钮组件高度。
  • StepperItem组件不支持设置aspectRadio/constrainSize影响长宽的属性。

ItemState枚举说明

名称

描述

Normal

正常状态,右侧文本按钮正常显示,可点击进入下一个StepperItem。

Disabled

不可用状态,右侧文本按钮灰度显示,不可点击进入下一个StepperItem。

Waiting

等待状态,右侧文本按钮不显示,显示等待进度条,不可点击进入下一个StepperItem。

Skip

跳过状态,右侧文本按钮默认显示“跳过”,此时可在Stepper的onSkip回调中自定义相关逻辑。

示例

Stepper

步骤导航器组件
文本的组件
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

媒体组件

像素

枚举

类型

接口

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }