init
This commit is contained in:
138
uni_modules/nutui-uni/components/table/index.scss
Normal file
138
uni_modules/nutui-uni/components/table/index.scss
Normal file
@@ -0,0 +1,138 @@
|
||||
/* stylelint-disable no-duplicate-selectors */
|
||||
|
||||
.nut-theme-dark {
|
||||
.nut-table {
|
||||
&__main {
|
||||
color: $dark-color;
|
||||
background-color: $dark-background2;
|
||||
|
||||
&--striped {
|
||||
.nut-table__main__head {
|
||||
&__tr {
|
||||
background-color: $dark-background3;
|
||||
}
|
||||
}
|
||||
|
||||
.nut-table__main__body {
|
||||
&__tr:nth-child(odd) {
|
||||
background-color: $dark-color-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.nut-table__main__body {
|
||||
&__tr:nth-child(even) {
|
||||
background-color: $dark-background3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__summary {
|
||||
color: $dark-color;
|
||||
background-color: $dark-background;
|
||||
}
|
||||
|
||||
&__nodata {
|
||||
color: $dark-color;
|
||||
background-color: $dark-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nut-table {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
font-size: $font-size-2;
|
||||
|
||||
&__main {
|
||||
display: table;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
border-collapse: collapse;
|
||||
|
||||
&--striped {
|
||||
.nut-table__main__head {
|
||||
&__tr {
|
||||
background-color: $table-tr-even-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
.nut-table__main__body {
|
||||
&__tr:nth-child(odd) {
|
||||
background-color: $table-tr-odd-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
.nut-table__main__body {
|
||||
&__tr:nth-child(even) {
|
||||
background-color: $table-tr-even-bg-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__head,
|
||||
&__body {
|
||||
&__tr {
|
||||
display: table-row;
|
||||
|
||||
&__th {
|
||||
display: table-cell;
|
||||
padding: $table-cols-padding;
|
||||
}
|
||||
|
||||
&__td {
|
||||
display: table-cell;
|
||||
padding: $table-cols-padding;
|
||||
|
||||
&__nodata {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
&--border {
|
||||
border: 1px solid $table-border-color;
|
||||
}
|
||||
|
||||
&--alignleft,
|
||||
&--align {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&--aligncenter {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&--alignright {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__head {
|
||||
display: table-header-group;
|
||||
}
|
||||
|
||||
&__body {
|
||||
display: table-row-group;
|
||||
}
|
||||
}
|
||||
|
||||
&__summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 30px;
|
||||
padding: $table-cols-padding;
|
||||
}
|
||||
|
||||
&__nodata {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 30px;
|
||||
padding: $table-cols-padding;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user