Commit 6f76f6a2 by zhangleyuan

style:UI样式优化

parent 2cdf970a
...@@ -105,9 +105,7 @@ ...@@ -105,9 +105,7 @@
margin: 0 auto; margin: 0 auto;
} }
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar { .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar {
width: 24px !important;
height: 4px; height: 4px;
margin-left: 47px;
} }
.l { .l {
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
color:#666; color:#666;
font-size:14px; font-size:14px;
text-align:center; text-align:center;
background: #FAFAFA; // background: #FAFAFA;
} }
&:hover{ &:hover{
.empty-child{ .empty-child{
...@@ -49,65 +49,53 @@ ...@@ -49,65 +49,53 @@
} }
tbody tr td{ tbody tr td{
border-bottom:none; border-bottom:none;
background:#FAFAFA; // background:#FAFAFA;
} }
} }
} }
} }
// tr{
// background:transparent;
// &:nth-child(odd){
// td{
// background: #999999;
// }
// }
// &:nth-child(even){
// td{
// background: #FAFAFA;
// }
// }
// & + .ant-table-expanded-row{
// &:nth-child(odd){
// td{
// background: #999;
// }
// }
// &:nth-child(even){
// td{
// background: #FAFAFA;
// }
// }
// }
// }
// .ant-table-row{
// background:transparent;
// &:nth-child(2n + 1){
// td{
// background: #FFF;
// }
// }
// &:nth-child(2n){
// td{
// background: #FAFAFA;
// }
// } .odd-row{
// } background:transparent;
// .ant-table-expanded-row{ td{
// background:transparent; background: #FFF;
// &:nth-child(2n + 1){ }
// td{ & + .ant-table-expanded-row{
// background: #FFF; background:transparent;
// } td{
// } background: #FFF;
// &:nth-child(2n){ }
// td{ }
// background: #FAFAFA; &:hover{
// } & + .ant-table-expanded-row{
// } background:transparent;
// } td{
background: #F3f6fa !important;
}
}
}
}
.even-row{
background:transparent;
td{
background: #FAFAFA;
}
& + .ant-table-expanded-row{
background:transparent;
td{
background: #FAFAFA;
}
}
&:hover{
& + .ant-table-expanded-row{
background:transparent;
td{
background: #F3f6fa !important;
}
}
}
}
} }
} }
} }
\ No newline at end of file
...@@ -191,6 +191,7 @@ function CourseCatalogPage() { ...@@ -191,6 +191,7 @@ function CourseCatalogPage() {
}} }}
dataSource={courseCatalogList} dataSource={courseCatalogList}
className="catalog-tabel" className="catalog-tabel"
rowClassName={(record,index)=>{if(index%2===0){return 'odd-row'}else{ return 'even-row'}}}
/> />
</div> </div>
<div className="box-footer"> <div className="box-footer">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment