layui-steps代码
时间: 2023-11-15 18:03:06 浏览: 114
以下是一个简单的 layui-steps 的示例代码:
```html
<div class="layui-container">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">步骤条</div>
<div class="layui-card-body">
<div class="layui-steps" lay-filter="step-demo">
<div class="layui-step">
<div class="layui-step-num">1</div>
<div class="layui-step-title">填写基本信息</div>
<div class="layui-step-content">这里是填写基本信息的内容</div>
</div>
<div class="layui-step layui-step-done">
<div class="layui-step-num">2</div>
<div class="layui-step-title">上传文件</div>
<div class="layui-step-content">这里是上传文件的内容</div>
</div>
<div class="layui-step layui-step-wait">
<div class="layui-step-num">3</div>
<div class="layui-step-title">审核</div>
<div class="layui-step-content">这里是审核的内容</div>
</div>
<div class="layui-step layui-step-wait">
<div class="layui-step-num">4</div>
<div class="layui-step-title">完成</div>
<div class="layui-step-content">这里是完成的内容</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
```
需要注意的是,这里的 `lay-filter` 属性为 `step-demo`,可以根据实际情况自行命名。同时,还需要引入 layui 的 JS 和 CSS 文件。
阅读全文