Commit cf1a7fa5 authored by marsandheart's avatar marsandheart

add antd, scss

parent a5eddbbf
...@@ -7,6 +7,8 @@ ...@@ -7,6 +7,8 @@
"@testing-library/jest-dom": "^4.2.4", "@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2", "@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2", "@testing-library/user-event": "^7.1.2",
"antd": "^3.26.11",
"node-sass": "^4.13.1",
"react": "^16.12.0", "react": "^16.12.0",
"react-dom": "^16.12.0", "react-dom": "^16.12.0",
"react-redux": "^7.1.3", "react-redux": "^7.1.3",
......
.titleContent{
width: 10vw;
height: 7vh;
font-size: 1.5vw;
text-align: center;
align-items: center;
line-height: 6vh;
color: #FFFFFF;
padding: 5px;
border-radius: 5px;
}
.titleContentSelected{
@extend .titleContent;
color: #333333;
background-color: #FFFFFF;
}
.normal {
font-family: Georgia, sans-serif;
margin-top: 4em;
text-align: center;
}
.welcome {
height: 512px;
background-size: 512px 512px;
}
.list {
font-size: 1.2em;
margin: 1.8em 0 0;
list-style: none;
line-height: 1.5em;
}
.list code {
background: #f7f7f7;
}
.page{
width: 100vw;
height: 100vh;
background: #D3D0D3;
}
.header{
background: #CE1F57;
height: 12vh;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.headerImg{
width: 200px;
height: 80px;
}
.headerExt{
background: #CE1F57;
width:100vw;
height: 4vh;
display: block;
}
.main{
background: #EDE9E3;
margin: -4vh 5px;
height: 80vh;
display: flex;
flex: 1;
}
.leftMenu{
width: 10vw;
height: 72vh;
float: left;
background-color: #EDE9E3;
border-right: 1px solid #D5D3D0;
padding-top: 8vh;
}
.leftMenuItem{
color: #CE1F57;
width: 10vw;
height: 8vh;
line-height: 8vh;
text-align: center;
}
.content{
background-color: #EBE9E8;
height: 76vh;
width: 100%;
padding: 2vh;
font-size: 1.5vw;
}
.descText{
color: #858383;
margin-right: 5vw;
}
.btns{
display: flex;
}
.btn{
user-select:none;
background: #CE1F57;
min-width:10vw;
height:5vh;
line-height: 3.5vh;
text-align: center;
padding: 0.5vw;
color: #FFFFFF;
float: left;
margin: 0.5vw 2vw 0.5vw 0;
border-radius: 3px;
}
.tableBox{
width: 100%;
background-color: #EFEDF0;
}
.actText{
span{
color: #CE1F57;
}
}
.footer{
position: fixed;
bottom: 0;
width: 100vw;
}
.footerBtn{
background: #CE1F57;
min-width:10vw;
height:5vh;
text-align: center;
line-height: 5vh;
color: #FFFFFF;
float: right;
margin: 0.5vw 2vw;
border-radius: 3px;
}
This diff is collapsed.
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