Table 固定把 header 也固在上面

This commit is contained in:
2betop 2019-12-24 20:11:26 +08:00
parent 7bb364356c
commit 4cc5b4b073
3 changed files with 333 additions and 330 deletions

View File

@ -17,7 +17,7 @@
&-thumb { &-thumb {
width: px2rem(108px); width: px2rem(108px);
height: px2rem(108px); height: px2rem(108px);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwMCIgaGVpZ2h0PSI0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9ImJsYWNrIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIG9wYWNpdHk9IjAuMSIgLz4KICAgICAgICAgICAgPHJlY3QgZmlsbD0id2hpdGUiIHg9IjEwIiB5PSIwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIC8+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9ImJsYWNrIiB4PSIxMCIgeT0iMTAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgb3BhY2l0eT0iMC4xIiAvPgogICAgICAgICAgICA8cmVjdCBmaWxsPSJ3aGl0ZSIgeD0iMCIgeT0iMTAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgLz4KICAgICAgICA8L3BhdHRlcm4+CiAgICA8L2RlZnM+CiAgICA8cmVjdCBmaWxsPSJ1cmwoI2dyaWQpIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiAvPgo8L3N2Zz4='); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwMCIgaGVpZ2h0PSI0MDAiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9ImJsYWNrIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIG9wYWNpdHk9IjAuMSIgLz4KICAgICAgICAgICAgPHJlY3QgZmlsbD0id2hpdGUiIHg9IjEwIiB5PSIwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIC8+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9ImJsYWNrIiB4PSIxMCIgeT0iMTAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgb3BhY2l0eT0iMC4xIiAvPgogICAgICAgICAgICA8cmVjdCBmaWxsPSJ3aGl0ZSIgeD0iMCIgeT0iMTAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgLz4KICAgICAgICA8L3BhdHRlcm4+CiAgICA8L2RlZnM+CiAgICA8cmVjdCBmaWxsPSJ1cmwoI2dyaWQpIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiAvPgo8L3N2Zz4=");
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -47,8 +47,8 @@
@supports (object-fit: contain) { @supports (object-fit: contain) {
&-thumb--contain > img { &-thumb--contain > img {
position: static; position: static;
width: 100%; width: 100% !important;
height: 100%; height: 100% !important;
transform: translate(0, 0); transform: translate(0, 0);
top: 0; top: 0;
left: 0; left: 0;
@ -59,8 +59,8 @@
@supports (object-fit: cover) { @supports (object-fit: cover) {
&-thumb--cover > img { &-thumb--cover > img {
position: static; position: static;
width: 100%; width: 100% !important;
height: 100%; height: 100% !important;
transform: translate(0, 0); transform: translate(0, 0);
top: 0; top: 0;
left: 0; left: 0;

View File

@ -57,6 +57,10 @@
} }
} }
> .#{$ns}Table-heading {
border-bottom: none;
}
> .#{$ns}Table-wrapper { > .#{$ns}Table-wrapper {
border-top: $Table-borderWidth solid $Table-borderColor; border-top: $Table-borderWidth solid $Table-borderColor;
} }
@ -354,7 +358,7 @@
position: relative; position: relative;
&::before { &::before {
content: ''; content: "";
position: absolute; position: absolute;
width: px2rem(1px); width: px2rem(1px);
top: 0; top: 0;
@ -365,7 +369,7 @@
} }
&::after { &::after {
content: ''; content: "";
position: absolute; position: absolute;
height: px2rem(1px); height: px2rem(1px);
top: px2rem(20px); top: px2rem(20px);
@ -438,7 +442,7 @@
// position: relative; // position: relative;
&::before { &::before {
content: ''; content: "";
position: absolute; position: absolute;
width: px2rem(1px); width: px2rem(1px);
top: px2rem(30px); top: px2rem(30px);

File diff suppressed because it is too large Load Diff