中文
夜间模式
通过steps属性设置 Step 数组即可使用,Step 的类型如下
steps
type TourStep = { title?: string; content?: string; target?: MaybeRefLikeOrGetter<string | Element | VirtualElement>; beforeEnter?: () => MaybePromise<boolean | void>; scrollOptions?: ScrollIntoViewOptions; };
target属性可以是选择器、元素或虚拟元素,当target属性存在且其为元素时,Tour 会自动将目标元素滚动到可视区域;若target不存在,则会定位到屏幕中心
target
beforeEnter可以用于在进入该步骤前异步处理任务,若返回 false 则不会进入该步骤
beforeEnter
使用插槽可自行渲染一些内容,其优先级比steps高。content插槽的名称为当前 step 的 index
content