From c1e5dfb4c72a0ab2478d3b7295ab7deecd3f8c8c Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期二, 16 四月 2024 16:47:36 +0800 Subject: [PATCH] 修改样式 --- src/components/view/b4-inspection-item-statistics.vue | 22 +++++++++++----------- 1 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/components/view/b4-inspection-item-statistics.vue b/src/components/view/b4-inspection-item-statistics.vue index e204faa..6eb1a49 100644 --- a/src/components/view/b4-inspection-item-statistics.vue +++ b/src/components/view/b4-inspection-item-statistics.vue @@ -2,8 +2,8 @@ <div class="inspection-main"> <div class="inspection-content" style="height:100%"> <p style="font-size: 16px;padding:19.5px 0px">妫�娴嬮」鐩粺璁�</p> - <el-row :gutter="35"> - <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;"> + <el-row :gutter="20"> + <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;"> <div class="inspection-card inspection-head"> <div class="inspection-head-left"> <h4>浠婃棩椤圭洰鎺ユ敹</h4> @@ -11,13 +11,13 @@ <div class="inspection-head-left-info"> <img src="../../../static/img/daliy-up.svg" alt=""> <span :class="{active:false}" class="num"> 8.5% </span> - <span>杈冩槰澶�</span> + <span style="font-size: 12px;">杈冩槰澶�</span> </div> </div> <img src="../../../static/img/daliy-0.svg" alt="" srcset=""> </div> </el-col> - <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;"> + <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;"> <div class="inspection-card inspection-head"> <div class="inspection-head-left"> <h4>浠婃棩椤圭洰瀹屾垚</h4> @@ -25,13 +25,13 @@ <div class="inspection-head-left-info"> <img src="../../../static/img/daliy-up.svg" alt=""> <span :class="{active:false}" class="num"> 8.5% </span> - <span>杈冩槰澶�</span> + <span style="font-size: 12px;">杈冩槰澶�</span> </div> </div> <img src="../../../static/img/daliy-1.svg" alt="" srcset=""> </div> </el-col> - <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;"> + <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;"> <div class="inspection-card inspection-head"> <div class="inspection-head-left"> <h4>浠婃棩椤圭洰鍓╀綑</h4> @@ -39,32 +39,32 @@ <div class="inspection-head-left-info"> <img src="../../../static/img/daliy-down.svg" alt=""> <span :class="{active:true}" class="num"> 8.5% </span> - <span>杈冩槰澶�</span> + <span style="font-size: 12px;">杈冩槰澶�</span> </div> </div> <img src="../../../static/img/daliy-2.svg" alt="" srcset=""> </div> </el-col> - <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;"> + <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;"> <div class="inspection-card inspection-head" style="flex-direction: column;padding-bottom: 5px;"> <h4 style="margin-bottom: 5px;">浠婃棩椤圭洰鍚堟牸鐜�</h4> <echart-module :id="'inspection-qualified'" :config="chartConfig2" :datas="chartData2" style="align-self: center;"></echart-module> </div> </el-col> - <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;"> + <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;"> <div class="inspection-card inspection-head" style="flex-direction: column;padding-bottom: 5px;"> <h4 style="margin-bottom: 5px;">浠婃棩椤圭洰瀹屾垚鐜�</h4> <echart-module :id="'inspection-complete'" :config="chartConfig3" :datas="chartData3" style="align-self: center;"></echart-module> </div> </el-col> - <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;"> + <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;"> <div class="inspection-card inspection-head" style="flex-direction: column;padding-bottom: 5px;"> <h4 style="margin-bottom: 5px;">浠婃棩椤圭洰寤舵湡鐜�</h4> <echart-module :id="'inspection-extension'" :config="chartConfig4" :datas="chartData4" style="align-self: center;"></echart-module> </div> </el-col> </el-row> - <el-row :gutter="35"> + <el-row :gutter="20"> <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" style="margin-bottom: 30px;"> <div class="inspection-card chart-box"> <h4>杩�10鏃ラ」鐩帴鏀堕噺</h4> -- Gitblit v1.9.3