在Zion平台实现分步引导需用单个条件式容器包裹各步骤子容器，以本地数据step控制显隐；按钮绑定step递增及边界跳转；顶部圆点导航依step高亮；按钮文字与启用状态动态绑定step值。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在Zion无代码平台中实现分步引导样式，核心是用条件式容器控制每一步的显隐，并配合按钮或手势触发流程推进，避免用户跳过关键操作路径。
准备基础结构
新建页面，在画布上依次添加：一个「条件式容器」、一组「文字」组件（用于步骤标题）、一个「按钮」（下一步/完成）。
把所有步骤内容（比如“第一步：填写基本信息”“第二步：上传证件照”等）全部放入同一个条件式容器内，每个步骤单独用一个子容器包裹，不要分散到多个条件式容器里——否则无法统一控制流程状态。
设置步骤切换逻辑
方法一：用本地数据驱动条件判断
① 在页面顶部添加「本地数据」，新建字段 step，类型为数字，初始值设为 【1】；
② 双击条件式容器 → 「条件设置」→ 添加规则：step 等于 1 → 显示第一个子容器；再添加规则：step 等于 2 → 显示第二个子容器；依此类推；
③ 给「按钮」绑定行为：点击时执行「修改本地数据」→ 将 step 的值加 1；若当前 step 已是最后一步（比如共4步），则按钮行为改为「跳转到指定页面」或「提交表单」，避免 step 溢出导致无内容显示。
这一步不能漏掉边界判断，step 超出范围后条件式容器不会自动回退，页面会变成空白。
添加视觉引导元素
在条件式容器上方，插入一行小圆点导航：用「文字」组件输入 • ，复制多份，分别设置不同颜色。
给每个圆点绑定「样式」→「颜色」→「条件样式」：当 step 等于对应序号时显示高亮色（如 #4A6FA5），否则显示灰色（如 #CCCCCC）；
圆点之间留 12px 间距，不要用空格硬塞，用「水平间距」属性调更稳定。
配置按钮状态与反馈
方法1：根据 step 值动态改按钮文字
选中按钮 → 「文本」→「绑定数据」→「本地数据/step」，再用「运算」拼接：“下一步”或“完成”，例如：step == 4 ? "完成" : "下一步"；
方法2：最后一步禁用跳转按钮
按钮 → 「启用状态」→「绑定条件」→ step
注意：如果引导流程涉及表单校验，必须在 step +1 前插入「校验行为」，否则用户可能直接点进下一步却没填完必填项。
