layui常用部件

发表于 | 更新于 | 分类于

静态表格

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table lay-size="sm" class="layui-table">
  <!-- 定义单元格高宽 -->
    <colgroup>
      <col width="10">
      <col width="300">
      <col>
    </colgroup>
  <!-- 定义第一行高宽 -->
    <thead>
      <tr>
        <th></th>
        <th>{$lang.card_sn}</th>
        <th>{$lang.user_phone}</th>
      </tr>
    </thead>
  <tbody>
      <!-- {foreach from=$cards item=card} -->
      <tr>
        <td></td>
        <td></td>
      </tr>
  </tbody>
</table>

form表单

1
2
3
4
5
6
7
8
9
10
11
12
13
<!--文本框-->
 <input type="text" name="points" value="" placeholder="" autocomplete="off" class="layui-input" />

<!--文本域-->
<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>

<!--加按钮标记的图标-->
<button id="card_edit" type="button" class="layui-btn layui-btn-sm layui-bg-cyan" title="{$lang.edit}">
  <i class="layui-icon">&#xe642;</i>
</button>

layui-btn-normal 普通蓝色按钮
layui-btn-danger 红色警告按钮