layui 规格 代码
时间: 2023-11-15 11:04:57 浏览: 66
layui表格实现代码
Layui 的规格代码通常指的是 Layui 的 HTML 结构和 CSS 样式规范。以下是 Layui 常见的规格代码:
1. 布局规范:
```html
<div class="layui-container">
<div class="layui-row">
<div class="layui-col-md6">左侧内容</div>
<div class="layui-col-md6">右侧内容</div>
</div>
</div>
```
2. 表格规范:
```html
<table class="layui-table">
<colgroup>
<col width="150">
<col>
<col width="200">
<col width="200">
</colgroup>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>城市</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>18</td>
<td>北京</td>
<td>
<a href="">编辑</a> |
<a href="">删除</a>
</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>上海</td>
<td>
<a href="">编辑</a> |
<a href="">删除</a>
</td>
</tr>
</tbody>
</table>
```
3. 表单规范:
```html
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-block">
<input type="text" name="username" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<div class="layui-input-block">
<input type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="login">登录</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
```
以上代码仅为示例,实际使用时需要根据具体需求进行调整。
阅读全文