SuperAPI AI 工具集

el-tour

前端与建站

查看项目

更新于 10-16 05:54

技能介绍

el-tour 是 jiaiyan/element-plus-skills 中面向 Element Plus 的 Tour 组件技能。Tour 是弹出式组件,用逐步骤的说明引导用户了解产品。

用途:产品新手引导(onboarding)、功能导览、用户指引、教程式逐步演示。当用户需要创建产品导览、引导流程或功能走查时可调用。

主要能力:使用 el-tour 配合 el-tour-step 定义步骤;支持非模态模式(mask 为 false)不阻挡交互;可设置 type 为 primary 以强调;支持自定义步骤位置 placement;可自定义遮罩样式,例如传入 style 与 color;还提供箭头、关闭按钮、ESC 关闭、滚动进入视图、z-index 等配置。

使用方式:在 Vue 模板中写作 el-tour,使用 v-model 控制开关,v-model:current 控制当前步骤;内部放置多个 el-tour-step,通过 target 指向目标元素,标题与描述分别为 title、description。Tour 提供 close、finish、change 事件,以及 default、indicators 插槽;TourStep 提供默认描述与 header 插槽。

限制与未提供信息:官方文字为空,未提供安装命令、依赖版本、平台兼容性、收费或许可信息,暂未提供这些事实。