参考
引导 Tour
Tour:引导。页面变暗,只有聚光区域保留聚焦光晕,锚定卡片使用共享弹层。部件:Root、Backdrop、Spotlight、Positioner、Content、Arrow、ArrowTip、Title、Description、ProgressText、Control、Actions、ActionTrigger、CloseTrigger,以及 useTour。
Content · ActionTrigger · CloseTrigger · ProgressText · Title · Description · Positioner · Arrow · ArrowTip · Backdrop · Spotlight
#ActionTrigger
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
action | StepAction | — |
#Actions
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#ArrowTip
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Arrow
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Backdrop
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#CloseTrigger
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Content
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Control
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Description
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Positioner
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#ProgressText
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Root
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
tour | UnwrapRef<UseTourReturn> | — |
| 事件 | 载荷 |
|---|---|
exitComplete | — |
statusChange | details: StatusChangeDetails |
focusOutside | event: FocusOutsideEvent |
interactOutside | event: InteractOutsideEvent |
pointerDownOutside | event: PointerDownOutsideEvent |
stepChange | details: StepChangeDetails |
stepsChange | details: { steps: StepDetails[]; } |
#Spotlight
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#Title
纯造型的部件——自身没有属性,沿用部件结构的共享样式。