# layui 步骤条 - steps

**Repository Path**: zhx_zhx/layui_step_bar_steps

## Basic Information

- **Project Name**: layui 步骤条 - steps
- **Description**: layui实现步骤条 - steps
- **Primary Language**: JavaScript
- **License**: AFL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 1
- **Created**: 2020-01-06
- **Last Updated**: 2023-11-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# layui 步骤条 - steps

#### 介绍
layui实现步骤条 - steps

#### 软件架构
主要是extends目录下面的文件


#### 安装教程
1. 把extends目录下面的目录拷到项目任意位置
2. 引入扩展
`layui.extend({
        steps: './layui/extends/steps/steps'
    });`


#### 使用说明

```
<div id="steps"></div>

 layui.use('steps', function () {
        var steps = layui.steps;
        steps.render({
            ele: '#steps',
            data: [
                {'title': "第一步", "desc": "我是详情"},
                {'title': "第二步", "desc": "我是详情"},
                {'title': "第三步", "desc": "我是详情"},
                {'title': "第四步", "desc": "我是详情"}
            ], //desc 不是必须
            //current: 2 //默认为第几步
        });
        
        steps.next(); //下一步
    });
```


#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request