Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
56d88ec2 by yangwei
Options

登记薄样式

1 parent e561d58c
Inline Side-by-side
Showing 1 changed file with 54 additions and 9 deletions
......@@ -40,6 +40,7 @@
.xxTable {
//border-spacing: 1px;
width: 100%;
border-collapse: collapse;
// table-layout: fixed;
tr {
......@@ -59,12 +60,34 @@
top: 0px;
z-index: 3;
margin-top: -2px;
&:after{
content: "";
display: inline-block;
width: 100%;
height: 2px;
background-color: rgb(227, 226, 226);
position: absolute;
bottom: -1px;
left: 0;
z-index: 3;
}
}
tr:nth-child(2) {
position: sticky;
top: 40px;
z-index: 3;
&:after{
content: "";
display: inline-block;
width: 100%;
height: 2px;
background-color: rgb(227, 226, 226);
position: absolute;
bottom: -1px;
left: 0;
z-index: 3;
}
}
tr:nth-child(3) {
......@@ -79,6 +102,28 @@
left: 0;
z-index: 2;
margin-left: -2px;
&:before{
content: "";
display: inline-block;
width: 2px;
height: 43px;
background-color: #e3e2e2;
position: absolute;
top: 0;
left: -2px;
z-index: 3;
}
&:after{
content: "";
display: inline-block;
width: 2px;
height: 43px;
background-color: #e3e2e2;
position: absolute;
top: 0;
right: -2px;
z-index: 3;
}
}
th.linshi,
......@@ -166,27 +211,27 @@
tr {
display: flex;
// display: flex;
}
tr td {
border: 1px solid rgb(227, 226, 226);
border: 2px solid rgb(227, 226, 226);
text-align: center;
height: 40px;
font-size: 13px;
width: 140px;
flex: 1;
// flex: 1;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-width: 360px;
// display: flex;
// align-items: center;
// justify-content: center;
min-width: 340px;
z-index: 1;
}
td:first-child{
flex: inherit !important;
width: 200px !important;
min-width: auto !important;
// width: 200px !important;
min-width: 180px !important;
}
>tr:nth-child(odd) td {
background: #f2f2f2;
......