步驟導(dǎo)航器子組件

2024-01-22 17:28 更新

用作Stepper組件的頁(yè)面子組件。

說明

該組件從API Version 8開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。

子組件

支持單個(gè)子組件。

接口

StepperItem()

屬性

參數(shù)名

參數(shù)類型

參數(shù)描述

prevLabel

string

設(shè)置左側(cè)文本按鈕內(nèi)容,第一頁(yè)沒有左側(cè)文本按鈕,當(dāng)步驟導(dǎo)航器大于一頁(yè)時(shí),除第一頁(yè)外默認(rèn)值都為“返回”。

nextLabel

string

設(shè)置右側(cè)文本按鈕內(nèi)容,最后一頁(yè)默認(rèn)值為“開始”,其余頁(yè)默認(rèn)值為“下一步”。

status

ItemState

步驟導(dǎo)航器nextLabel的顯示狀態(tài)。

默認(rèn)值:ItemState.Normal

說明
  • StepperItem組件不支持設(shè)置通用寬度屬性,其寬度默認(rèn)撐滿Stepper父組件。
  • StepperItem組件不支持設(shè)置通用高度屬性,其高度由Stepper父組件高度減去label按鈕組件高度。
  • StepperItem組件不支持設(shè)置aspectRadio/constrainSize影響長(zhǎng)寬的屬性。

ItemState枚舉說明

名稱

描述

Normal

正常狀態(tài),右側(cè)文本按鈕正常顯示,可點(diǎn)擊進(jìn)入下一個(gè)StepperItem。

Disabled

不可用狀態(tài),右側(cè)文本按鈕灰度顯示,不可點(diǎn)擊進(jìn)入下一個(gè)StepperItem。

Waiting

等待狀態(tài),右側(cè)文本按鈕不顯示,顯示等待進(jìn)度條,不可點(diǎn)擊進(jìn)入下一個(gè)StepperItem。

Skip

跳過狀態(tài),右側(cè)文本按鈕默認(rèn)顯示“跳過”,此時(shí)可在Stepper的onSkip回調(diào)中自定義相關(guān)邏輯。

示例

Stepper。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)