姓名 |
类型 |
手机号码 |
疾风 |
决策者 |
18623133202 |
疾风 |
决策者 |
18623133202 |
疾风 |
决策者 |
18623133202 |
疾风 |
决策者 |
18623133202 |
姓名 |
类型 |
手机号码 |
疾风 |
决策者 |
18623133202 |
疾风 |
决策者 |
18623133202 |
姓名 |
类型 |
手机号码 |
疾风 |
决策者 |
18623133202 |
疾风 |
决策者 |
18623133202 |
疾风 |
决策者 |
18623133202 |
疾风 |
决策者 |
18623133202 |
假设你想要有竖线的,那么你可以这样扩展:
命名及颜色按照各自团队内部的FE/UI规范即可
全局扩展方式:
@include yo-table(test,default,true);
使用方法:
局部扩展方式:
.xxx{
@include yo-table(test,default,true);
}
使用方法:
姓名 |
类型 |
职务 |
疾风 |
决策者 |
决策者 |
疾风 |
决策者 |
决策者 |
疾风 |
决策者 |
决策者 |
疾风 |
决策者 |
决策者 |
疾风 |
决策者 |
决策者 |
假设你想要有间隔色,那么你可以这样扩展:
命名及颜色按照各自团队内部的FE/UI规范即可
全局扩展方式:
@include yo-table(test2,default,default,default,default,default,default,default,#f9f9f9);
使用方法:
局部扩展方式:
.xxx{
@include yo-table(test2,default,default,default,default,default,default,default,#f9f9f9);
}
使用方法:
@include yo-table(
$name:default, //{default|String} table名称
$width:default, //{default|Length} table宽度
$has-vertical-border:default, //{default|Boole} table是否需要纵向边框
$thead-padding:default, //{default|Length} table头部内补白
$tbody-padding:default, //{default|Length} table主体内补白
$bordercolor:default, //{default|Color} table边框色
$thead-bgcolor:default, //{default|Color} table头部背景色
$odd-bgcolor:default, //{default|Color} table奇数行背景色
$even-bgcolor:default, //{default|Color} table偶数行背景色
$active-bgcolor:default, //{default|Color} table激活背景色
$on-bgcolor:default //{default|Color} table选中背景色
)