<!-- 默认引导 -->
<re-button theme="primary" @click="showDefault = true">打开引导</re-button>
<re-guide :visible="showDefault" @update:visible="showDefault = $event" :steps="basicSteps" title="功能引导" bodyContent="这是功能引导说明文字" />
<!-- 多步骤引导 -->
<re-button theme="primary" @click="showSteps = true">打开引导</re-button>
<re-guide :visible="showSteps" @update:visible="showSteps = $event" :steps="multiSteps" :current="1" />
<!-- 隐藏计数器 -->
<re-button theme="primary" @click="showHideCounter = true">打开引导</re-button>
<re-guide :visible="showHideCounter" @update:visible="showHideCounter = $event" :steps="basicSteps" :hideCounter="true" title="隐藏计数器" bodyContent="无计数器显示" />
<!-- 隐藏跳过按钮 -->
<re-button theme="primary" @click="showHideSkip = true">打开引导</re-button>
<re-guide :visible="showHideSkip" @update:visible="showHideSkip = $event" :steps="basicSteps" :hideSkip="true" title="隐藏跳过" bodyContent="无跳过按钮" />
<!-- 自定义标题 -->
<re-button theme="primary" @click="showCustomTitle = true">打开引导</re-button>
<re-guide :visible="showCustomTitle" @update:visible="showCustomTitle = $event" :steps="basicSteps" title="自定义引导标题" bodyContent="自定义标题内容" />
<!-- 最后一步显示完成 -->
<re-button theme="primary" @click="showLastStep = true">打开引导</re-button>
<re-guide :visible="showLastStep" @update:visible="showLastStep = $event" :steps="multiSteps" :current="2" />
<!-- 第一步不显示上一步 -->
<re-button theme="primary" @click="showFirstStep = true">打开引导</re-button>
<re-guide :visible="showFirstStep" @update:visible="showFirstStep = $event" :steps="multiSteps" :current="0" />