Skip to content

X
xiaomai-cloud-class-web
Commit 6f76f6a2 by zhangleyuan
Options

style:UI样式优化

parent 2cdf970a
Showing with 44 additions and 56 deletions
src/modules/root/Login.less
......@@ -105,9 +105,7 @@
margin: 0 auto;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar {
width: 24px !important;
height: 4px;
margin-left: 47px;
}
.l {
......
src/modules/store-manage/CourseCatalogPage.less
......@@ -25,7 +25,7 @@
color:#666;
font-size:14px;
text-align:center;
background: #FAFAFA;
// background: #FAFAFA;
}
&:hover{
.empty-child{
......@@ -49,65 +49,53 @@
}
tbody tr td{
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;
// }
// }
// }
// .ant-table-expanded-row{
// background:transparent;
// &:nth-child(2n + 1){
// td{
// background: #FFF;
// }
// }
// &:nth-child(2n){
// td{
// background: #FAFAFA;
// }
// }
// }
.odd-row{
background:transparent;
td{
background: #FFF;
}
& + .ant-table-expanded-row{
background:transparent;
td{
background: #FFF;
}
}
&: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
src/modules/store-manage/CourseCatalogPage.tsx
......@@ -191,6 +191,7 @@ function CourseCatalogPage() {
}}
dataSource={courseCatalogList}
className="catalog-tabel"
rowClassName={(record,index)=>{if(index%2===0){return 'odd-row'}else{ return 'even-row'}}}
/>
</div>
<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