使用手册

1.标题

h1.标题标题标题标题标题标题标题标题

h2.标题标题标题标题标题标题标题标题

h3.标题标题标题标题标题标题标题标题

h4.标题标题标题标题标题标题标题标题

h5.标题标题标题标题标题标题标题标题
h6.标题标题标题标题标题标题标题标题

h1.标题标题标题标题标题标题标题标题

h2.标题标题标题标题标题标题标题标题

h3.标题标题标题标题标题标题标题标题

h4.标题标题标题标题标题标题标题标题

h5.标题标题标题标题标题标题标题标题

h6.标题标题标题标题标题标题标题标题

使用：标题样式，使用标签h1,h2,h3,h4,h5,h6，若不使用标题标签，则可在标签添加与之对应的类 .dl_h1，.dl_h2，.dl_h3，.dl_h4，.dl_h5，.dl_h6，样式效果相同。（dl-前缀代表动力）

2.提示

基础类.dl_tips，为标签添加类 .dl_tips_default，即可应用此样式
基础类.dl_tips，为标签添加类 .dl_tips_success，即可应用此样式
基础类.dl_tips，为标签添加类 .dl_tips_info，即可应用此样式
基础类.dl_tips，为标签添加类 .dl_tips_warning，即可应用此样式
基础类.dl_tips，为标签添加类 .dl_tips_danger，即可应用此样式

3.表格

3.1、普通表格

序号 班级 姓名 年龄
1 一年级 刘红梅 7
2 三年级 张晓丽 9
3 六年级 何子洋 12
给表格table加上 .dl_table类即可

3.2、带条纹的表格

序号 班级 姓名 年龄
1 一年级 刘红梅 7
2 三年级 张晓丽 9
3 六年级 何子洋 12
在基础类.dl_table的基础上，给表格table加上 .dl_table_striped类即可

3.3、带边框的表格

序号 班级 姓名 年龄
1 一年级 刘红梅 7
2 三年级 张晓丽 9
3 六年级 何子洋 12
在基础类.dl_table的基础上，给表格table加上 .dl_table_bordered类即可

3.4、鼠标经过

序号 班级 姓名 年龄
1 一年级 刘红梅 7
2 三年级 张晓丽 9
3 六年级 何子洋 12
在基础类.dl_table的基础上，给表格table加上 .dl_table_hover类即可

3.5、状态类

class 描述
.active 鼠标悬停在行或单元格上时所设置的颜色
- -
.success 标识成功或积极的动作
- -
.info 标识普通的提示信息或动作
- -
.warning 标识警告或需要用户注意
- -
.danger 标识危险或潜在的带来负面影响的动作
通过这些状态类可以为行设置颜色。

<tr class="active"> ... </tr>

<tr class="success"> ... </tr>

<tr class="info"> ... </tr>

<tr class="warning"> ... </tr>

<tr class="danger"> ... </tr>

4.表单

4.1、基本实例

输入框：

file input：

checkbox input：(给父级label加上类 dl_inp_label)

radio input：(给父级label加上类 dl_inp_label)

4.2、输入框

4.3、下拉列表select

4.4、文本域

加上 .dl_form_control类即可

5.按钮

备案号:鄂ICP备2021007462号-2