中建四局(大屏):样式调整

This commit is contained in:
骆乐 2022-09-08 14:42:19 +08:00
parent b91345be14
commit ce24f42cc9
7 changed files with 18 additions and 13 deletions

View File

@ -136,7 +136,7 @@ export default {
x: "10%",//x
y: "5%", // y
width: "85%", //
height: "70%"//
height: "60%"//
},
xAxis: {
type: "category",
@ -208,7 +208,8 @@ export default {
.contentBox {
width: 100%;
height: 100%;
margin-top: 5%;
box-sizing: border-box;
padding-top:5% ;
.titleTxt {
font-size: 18px;
@ -217,7 +218,8 @@ export default {
margin-left: 5px;
}
.myChart {
margin-top: 5%;
box-sizing: border-box;
padding-top: 5%;
width: 100%;
height: 90%;
}

View File

@ -23,7 +23,7 @@ export default {
{
roseType: 'area',
radius: ['58%', '52%'],
color: ['#0B1B35', '#4A8C9C'],
color: ['#182337', '#4A8C9C'],
data: [30, 40, 30, 40]
},
{

View File

@ -22,7 +22,7 @@ export default {
{
roseType: 'area',
radius: ['58%', '52%'],
color: ['#0B1B35', '#4A8C9C'],
color: ['#182337', '#4A8C9C'],
data: [30, 40, 30, 40]
},
{

View File

@ -32,7 +32,7 @@ export default {
background-size: 100% 100%;
}
.content {
height: calc(100% - 34px);
height: calc(100% - 42px);
}
}
</style>

View File

@ -114,8 +114,9 @@ export default {
<style lang="less" scoped>
.timeline {
margin-top: 3%;
height: 97%;
box-sizing: border-box;
padding-top: 3%;
height: 100%;
width: 97%;
overflow: auto;

View File

@ -116,10 +116,11 @@ export default {
<style lang="less" scoped>
.contentBox {
box-sizing: border-box;
width: 100%;
height: 100%;
color: #c4c7cc;
margin-top: 2%;
padding-top: 2%;
margin-left: 1%;
.point {
width: 8px;
@ -148,11 +149,12 @@ export default {
}
}
.midTit {
margin-bottom: 3%;
box-sizing: border-box;
// padding-bottom: 3%;
}
.checkChart {
width: 95%;
height: 21%;
height: 20%;
}
.timeline {
height: 30%;

View File

@ -44,7 +44,8 @@ export default {
<style lang="less" scoped>
.contentBox {
margin-top: 20px;
box-sizing: border-box;
padding-top: 20px;
.contentTop {
display: flex;
justify-content: center;
@ -76,7 +77,6 @@ export default {
}
}
.contentbut {
// margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;