|
@@ -165,23 +165,23 @@
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
.home {
|
|
.home {
|
|
width: calc(100% - 64px);
|
|
width: calc(100% - 64px);
|
|
- height: calc(100% - 64px);
|
|
|
|
|
|
+ height: calc(100% - 48px);
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- margin: 32px;
|
|
|
|
|
|
+ margin: 16px 16px 32px;
|
|
.box01{
|
|
.box01{
|
|
width: 100%;
|
|
width: 100%;
|
|
height: calc(60% - 16px);
|
|
height: calc(60% - 16px);
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- padding: 0 24px 24px;
|
|
|
|
|
|
+ // padding: 0 24px 24px;
|
|
margin-bottom: 16px;
|
|
margin-bottom: 16px;
|
|
- border: solid 1px #BBB;
|
|
|
|
|
|
+ // border: solid 1px #BBB;
|
|
.top-main{
|
|
.top-main{
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 70px;
|
|
height: 70px;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
- border-bottom: solid 1px #BBB;
|
|
|
|
|
|
+ // border-bottom: solid 1px #BBB;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin-bottom: 16px;
|
|
margin-bottom: 16px;
|
|
>span{
|
|
>span{
|
|
@@ -197,13 +197,17 @@
|
|
width: 40%;
|
|
width: 40%;
|
|
height: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- border-right: solid 1px #BBB;
|
|
|
|
|
|
+ background-color:#f0f8ff;
|
|
|
|
+ padding: 16px;
|
|
|
|
+ // border-right: solid 1px #BBB;
|
|
}
|
|
}
|
|
.line{
|
|
.line{
|
|
- width: 60%;
|
|
|
|
- height: calc(100% - 50px);
|
|
|
|
|
|
+ width: calc(60% - 16px);
|
|
|
|
+ height: 100%;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- padding-left: 24px;
|
|
|
|
|
|
+ margin-left: 16px;
|
|
|
|
+ padding: 16px;
|
|
|
|
+ background-color:#f0f8ff;
|
|
.line-chart{
|
|
.line-chart{
|
|
height: 100%;
|
|
height: 100%;
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -215,8 +219,8 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 40%;
|
|
height: 40%;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- padding: 16px;
|
|
|
|
- border: solid 1px #BBB;
|
|
|
|
|
|
+ // padding: 16px;
|
|
|
|
+ // border: solid 1px #BBB;
|
|
display: flex;
|
|
display: flex;
|
|
.eqiup-state{
|
|
.eqiup-state{
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
@@ -230,20 +234,22 @@
|
|
}
|
|
}
|
|
|
|
|
|
.con{
|
|
.con{
|
|
- width: 50%;
|
|
|
|
|
|
+ width: calc(50% - 8px);
|
|
height: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
+ padding: 16px;
|
|
|
|
+ background-color:#f0f8ff;
|
|
.spec{
|
|
.spec{
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
padding-left: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.con:first-child{
|
|
.con:first-child{
|
|
- padding-right: 24px;
|
|
|
|
- border-right: solid 1px #BBB;
|
|
|
|
|
|
+ margin-right: 8px;
|
|
|
|
+ // border-right: solid 1px #BBB;
|
|
}
|
|
}
|
|
.con:last-child{
|
|
.con:last-child{
|
|
- padding-left: 24px;
|
|
|
|
|
|
+ margin-left: 8px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.title{
|
|
.title{
|