WetGudie 页面功能指引

基本简介

在Element-plus中，其实有一个类似的组件叫ElTour(漫游式引导),但是使用方式，个人感觉很不讨喜~同时，该功能支持也是在2.5.0版本开始的，于是，便重复造了一个轮子

引入方法: import { WetGudie,WetGuideItem } from '@wetspace/pro-components';

基本使用

1. 使用:mask="false"可以将引导变为非模态
2. 自定义遮罩样式，在组件上使用--wet-guide-mask-bgcss变量，设置颜色即可

属性

WetGuide

属性	描述	类型	默许值
model-value / v-model	打开引导	boolean	false
mask	是否启用遮罩，通过自定义属性改变遮罩样式以及填充的颜色	boolean	-

WetGuideItem

属性	描述	类型	默许值
order	引导步骤排序，从小到大	number	默认自动按组件挂载顺序生成
description	引导的步骤描述	string | VNode | Component	-
title	引导的步骤标题	string	-
placement	Popover的位置	PopoverProps['placement']	-