样式调整

src/views/security-plan.vue

@@ -474,20 +474,20 @@
              
                     <div class="girdCheckItem">
                     
-                        <div class="row_g2">
-                            <div >消防安全重点单位</div>
-                            <div style="color:red">高风险<br>2（家）</div>
-                            <div style="color:orange">较高风险<br>1（家）</div>
-                            <div style="color:yellow">一般风险<br>3（家）</div>
-                            <div style="color:green">低风险<br>170（家）</div>
-                        </div>
-                        <div class="row_g2">
-                            <div >九小场所</div>
-                            <div style="color:red">高风险<br>151（家）</div>
-                            <div style="color:orange">较高风险<br>278（家）</div>
-                            <div style="color:yellow">一般风险<br>114（家）</div>
-                            <div style="color:green">低风险<br>4026（家）</div>
-                        </div>
+                        <el-row class="row_g2">
+                            <el-col :span="8">消防安全重点单位</el-col>
+                            <el-col :span="4" style="color:red">高风险<br>2（家）</el-col>
+                            <el-col :span="4" style="color:orange">较高风险<br>1（家）</el-col>
+                            <el-col :span="4" style="color:yellow">一般风险<br>3（家）</el-col>
+                            <el-col :span="4" style="color:green">低风险<br>170（家）</el-col>
+                        </el-row>
+                        <el-row class="row_g2">
+                            <el-col :span="8">九小场所</el-col>
+                            <el-col :span="4" style="color:red">高风险<br>151（家）</el-col>
+                            <el-col :span="4" style="color:orange">较高风险<br>278（家）</el-col>
+                            <el-col :span="4" style="color:yellow">一般风险<br>114（家）</el-col>
+                            <el-col :span="4" style="color:green">低风险<br>4026（家）</el-col>
+                        </el-row>
 
                     </div>
                     
@@ -3418,7 +3418,7 @@ export default {
             height:20%;
             .girdCheckItem{
                 .row_g2{
-                    margin-top:0px;
+                    margin-top:10px;
                     width:100%;
                     div:first-child{
                         width:1.5rem
@@ -3426,9 +3426,8 @@ export default {
                     div{
                         display: inline-block;
                         font-size:.155rem;
-                        margin:.125rem .3rem .125rem 0;
+                        margin-top:.125rem;
                         text-align: left;
-                        // vertical-align: top;
                     }
                 }
                 .row_g3{