Skip to content

Tour 引导漫游组件

SPTour 组件是一个强大的用户引导功能组件,可以帮助新用户快速了解应用的各项功能,提供直观的步骤式引导体验。

基础用法

最简单的引导用法,通过按钮触发引导流程。

子组件方式

使用 sp-tour-step 子组件的方式,提供更直观的声明式写法。

API

Props

暂无数据

TourStep 类型

参数说明类型默认值
title步骤标题string-
description步骤描述string-
target目标元素选择器string | Element-
placement气泡位置'top' | 'bottom' | 'left' | 'right' | 'center''bottom'
scrollIntoView是否滚动到目标元素booleantrue
nextText下一步按钮文本string-
prevText上一步按钮文本string-
closable是否可关闭boolean-
mask是否显示遮罩boolean-
arrow是否显示箭头boolean-

Events

暂无数据

Slots

暂无数据

sp-tour-step 子组件

Props

参数说明类型默认值
title步骤标题string-
description步骤描述string-
target目标元素选择器string | Element-
placement气泡位置'top' | 'bottom' | 'left' | 'right' | 'center''bottom'
scrollIntoView是否滚动到目标元素booleantrue
nextText下一步按钮文本string-
prevText上一步按钮文本string-
closable是否可关闭boolean-

Slots

插槽名说明参数
default步骤内容-

Released under the MIT License.