@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