首页 flex布局超出换行

This commit is contained in:
JS-LM
2023-06-26 10:07:00 +08:00
parent 309f81d159
commit 9101f24262

View File

@@ -2,7 +2,7 @@
<div>
<h1>概况</h1>
<hr />
<div style="display: flex;justify-content: space-between">
<div style="display: flex;justify-content: space-between;flex-wrap: wrap;">
<div class="box">
<div>总充电电量()</div>
<div class="box-text">
@@ -29,7 +29,7 @@
<div class="box">
<div>总充电订单数()</div>
<div class="box-text">
<b class="box-h1">{{ generalSituation.totalChargingQuantity }}</b>
<b class="box-h1">{{ generalSituation.totalChargingQuantity}}</b>
<el-image
style="width: 80px; height: 80px"
:src="require('@/assets/images/dingdan.png')"
@@ -369,6 +369,7 @@ export default {
border-radius: 8px;
box-shadow: 0 15px 10px -11px #1ab394;
margin-right: 24px;
margin-bottom: 20px;
}
.box-h1 {
/* margin-top: -14px; */