新手指导 Guide

常用的操作按钮

演示

单步骤+标题+内容,按钮文字自定义

多步骤+标题+内容,按钮文字自定义

插槽使用

API

属性

名称类型可选值默认值说明
visibleBooleantrue/falsetrue显隐控制
stepStringsingle / multiplesingle步骤类型,单步/多步骤
titleString""步骤标题文字 ** 传入插槽时无效
contentString""内容文字 ** 传入插槽时无效
singleTextString"我知道了"单步骤按钮文字 ** 传入插槽时无效
stepTipObject"{gi: 1,count: 1,jumptext: '跳过全部', nexttext: '下一步' }"多步骤需要传入
deviationLeftNumber0弹窗偏移量,上下弹出生效,正向右偏移,负向左偏移,设置后,偏移计算相对于上左或者下左
deviationTopNumber0弹窗偏移量,左右弹出生效,正向下偏移。负向上偏移,设置后,偏移计算相对于左上或者右上
deviationArrowNumber0弹窗三角偏移量,相对于触发器的左边或者上边位置

事件

名称参数说明
close(e: Event)我知道了 按钮点击回调,弹窗默认不关闭,需要手动修改visible 属性控制
closeall(e: Event)跳过全部 按钮点击回调,弹窗默认不关闭,需要手动修改visible 属性控制

Slot

名称说明
default按钮触发器
guidtitle自定义标题
guidcontent自定义内容
guidstep自定义底部操作栏

最近更新于: