漫游式引导带用户一步步浏览页面。每个步骤都指向一个元素,在它旁边显示一张卡片,并调暗周围的页面;没有目标的步骤显示在页面中央。

步骤只是普通数据:一个目标(选择器、元素,或查找元素的函数)、一个标题,以及文本或模板形式的内容。beforeShow 会先运行,因此步骤可以先打开目标所在的面板;不在视野中的目标会被自动滚动到可见位置。

每张卡片都是一个对话框。它是模态的,除非该步骤设置了 interactive:这时用户可以操作它所指向的元素。按 Esc 键会结束引导,焦点回到原来的位置。

初识应用

四个步骤,第一步没有目标。finished 和 dismissed 可以区分两种结束方式。

Your notes appear here.

动手试试

beforeShow 在第二步指向设置之前先把设置打开,interactive 让用户在卡片显示期间也能操作开关。

Dark mode is off.