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