@pluve/lego-step-vue
乐高系列之 step 组件
基于运营平台新UI封装的分布组件。
@pluve/lego-step-vue 已经投入了我们的生产环境中使用，经受住了来自真实业务的考验，并伴随着我们的业务需求不断完善。
默认配置
| 属性 | 类型 |默认值 | 描述 | | --- | --- | --- | | current | number | 1 | 当前分布下标位置,从1开始计数 |
安装
# 使用 npm
npm i @pluve/lego-step-vue
# 使用 yarn
yarn add @pluve/lego-step-vue使用
<lego-steps :current="state.current">
<lego-step title="基本规则" :index="1">
<div>第一阶段</div>
<a-button type="primary" @click="state.current=2">下一步</a-button>
</lego-step>
<lego-step title="企划内容" :index="2">
<div>第二阶段</div>
<a-button @click="state.current=1">上一步</a-button>
<a-button style="margin-left: 8px;" type="primary" @click="state.current=3">下一步</a-button>
</lego-step>
<lego-step title="发布" :index="3">
<div>第三阶段</div>
<a-button @click="state.current=2">上一步</a-button>
<a-button style="margin-left: 8px;" type="primary">提交</a-button>
</lego-step>
</lego-steps> Keywords
lego lego-step lego-step-vue