设计说明

table主要分三类，默认列表和概况类列表，适配版列表。

【默认列表】中增加了多选处理、按钮处理、可点击内容悬浮高亮处理。

【概况类列表】主要是在默认列表的基础上，修改了列表行高，按钮大小。

【适配版列表】优先考虑适配因素，改变原有table布局方式，修改为div元素布局，不同终端显示效果良好。

开发规范

列表使用时，需嵌套到栅格或panel中，以满足适配要求。

一、【默认列表】和【概况类列表】

使用时，主体结构不能修改，即模块必须为.table-responsive（适配处理类）包裹下.table（table类） .table-striped（斑马线类）包裹下的thead和tbody。且每列需定宽，否则适配横向滚动条不起作用。

1. 多选处理：需在对应列的thead th中补充类.check-all，多选框必须使用本框架封装checkbox，具体使用参见form使用说明。

2. 按钮处理：则严格参照示例中按钮类，不得更换按钮样式类。注意：如果是多按钮，则需在按钮父级增加类.font-size0，使用原理参见button使用说明。

3. 可点击内容高亮处理：可点击内容用a标签包裹即可。

默认列表和概况类列表选择依据：除概况类页面使用概况类列表外，其他都用默认列表。

二、【适配版列表】

使用时，主体结构不能修改，即模块必须为列表（.table-list）包裹下标题（.table-list-title）和内容（.table-list-content）。其中，标题和内容中的子元素均需用栅格布局，且一一对应，已实现适配处理。

1. 单选处理：需在父元素li上补充类.tb-checkbox。

2. 多选处理：需在父元素li上补充类.tb-checkbox.check-all，多选框必须使用本框架封装checkbox，具体使用参见form使用说明。