更新记录

0.1.0（2026-08-01） 下载此版本

• 首版：nax-steps + nax-step
• 支持 list 数据驱动 / 组合式子项
• direction horizontal|vertical；mode number|dot
• type 语义色；单步 status wait|process|finish|error
• clickable 点击事件；完成/失败图标可配置

平台兼容性

uni-app x(4.25)

其他

nax-steps

步骤条。用于展示多步任务进度（物流、表单向导、审批等）。

组件

依赖

• nax-icon
• nax-ui-theme（可选，有 fallback）

基础用法（list）

<nax-steps :list="list" :current="1"></nax-steps>

const list = [
  { name: '下单' },
  { name: '出库' },
  { name: '运输' },
  { name: '签收' }
]

组合式

<nax-steps :current="1" direction="vertical">
  <nax-step title="提交申请" desc="2026-01-01"></nax-step>
  <nax-step title="审批中" desc="处理中"></nax-step>
  <nax-step title="完成" status="finish"></nax-step>
</nax-steps>

Props（nax-steps）

Props（nax-step）

Events

说明

• 外观优先 --nax-* token + type，不靠颜色字符串当主题主路径。
• 单步可显式 status，比仅靠 current 更适合失败/跳过场景。
• App 端连接线/指示器用像素尺寸，避免百分比 max-width 等 ucss 限制。