feat: 调整样式

This commit is contained in:
huanghao1412 2024-07-06 17:16:24 +08:00
parent 1bd97da028
commit 44a992059a
2 changed files with 6 additions and 4 deletions

View File

@ -12,8 +12,8 @@
</div> </div>
<v-chart class="leftBox" :option="item.option" autoresize :update-options="{ notMerge: true, replaceMerge: ['series'] }"/> <v-chart class="leftBox" :option="item.option" autoresize :update-options="{ notMerge: true, replaceMerge: ['series'] }"/>
<div class="rightBox"> <div class="rightBox">
<div>{{item.label}}</div> <div>{{item.label}} {{item.unit}}</div>
<div>{{item.unit}}</div> <!-- <div>{{item.unit}}</div>-->
<div>{{item.value}}</div> <div>{{item.value}}</div>
</div> </div>
</div> </div>
@ -516,6 +516,7 @@ onUnmounted(() => {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
overflow-y: auto;
.left{ .left{
flex: 6; flex: 6;
min-width: 60%; min-width: 60%;
@ -554,9 +555,9 @@ onUnmounted(() => {
justify-content: center; justify-content: center;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; //overflow: hidden;
& > div:nth-child(2) { & > div:nth-child(2) {
margin: 5px 0; //margin: 5px 0;
} }
} }
} }

View File

@ -185,6 +185,7 @@ onUnmounted(() => {
} }
} }
.bottomBox{ .bottomBox{
overflow: auto;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
height: calc(100% - 20px); height: calc(100% - 20px);