amis2/scss/components/_property.scss
吴多益 9fd1ad8972
feat:属性表组件 (#1691)
* feat:属性表组件

* 换一下实现方式,避免右侧有一像素空隙

* 简易模式不显示外边框

* 补充文档

* 属性表的内容支持 visibleOn 表达式

* 支持设置 title
2021-03-26 11:59:42 +08:00

44 lines
748 B
SCSS

.#{$ns}Property {
> table {
width: 100%;
border-collapse: collapse;
> thead > tr > th {
padding: var(--gap-sm);
background: var(--Property-title-bg);
border: 1px solid var(--borderColor);
}
> tbody > tr {
background: var(--background);
> td,
> th {
border: 1px solid var(--borderColor);
padding: var(--gap-sm);
}
> th {
background: var(--Property-label-bg);
}
}
}
&--simple {
> table {
> thead > tr > th {
background: transparent;
border: none;
}
> tbody > tr {
background: transparent;
}
> tbody > tr > td,
> tbody > tr > th {
border: none;
}
}
}
}