fix:调整页面样式

src/components/home/HomeOperation.vue

@@ -197,7 +197,6 @@ const operationState = computed(() => {
 .home-disinfect {
   display: flex;
   justify-content: center;
-  margin-top: 5vh;
 }
 .home-disinfect-btn {
   width: 27vw;

src/components/home/HomeSetting.vue

@@ -248,9 +248,8 @@ const deviceType = computed(() => {
 
 <template>
   <div class="home-start-opt">
-    <el-row class="row-bg" justify="space-around">
-      <el-col v-if="deviceType === deviceStore.deviceTypeMap.PipeDM" :span="6">
     <div class="home-opt-flex">
+      <div v-if="deviceType === deviceStore.deviceTypeMap.PipeDM">
         <BtButton
           button-text="压力控制"
           text-size="1.3rem"
@@ -261,8 +260,6 @@ const deviceType = computed(() => {
           @click="onSetPressure"
         />
       </div>
-      </el-col>
-      <el-col :span="6">
       <div class="home-opt-ml">
         <BtButton
           button-text="查看图表"
@@ -275,8 +272,6 @@ const deviceType = computed(() => {
           @click="onShowChart"
         />
       </div>
-      </el-col>
-      <el-col :span="6">
       <div class="home-opt-ml">
         <BtButton
           v-if="deviceState"
@@ -299,8 +294,7 @@ const deviceType = computed(() => {
           @click="onDisinfectConfig('运行参数')"
         />
       </div>
-      </el-col>
-    </el-row>
+    </div>
   </div>
   <ft-dialog v-model="disinfectFormulaVisible" :title="disinfectFormulaTitle" width="80vw">
     <div style="height: 80vh; overflow: auto">
@@ -345,21 +339,17 @@ const deviceType = computed(() => {
 <style lang="scss" scoped>
 .home-start-opt {
   margin: 0.5rem;
-  gap: 5px;
-  width: 100%;
+}
 .home-opt-flex {
   display: flex;
-    grid-template-columns: 1fr 1fr 1fr;
-    .home-opt-ml {
-      margin-left: 5px;
-    }
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
 }
+.home-opt-ml {
+  margin-left: 0;
 }
-
 .config {
   border: 1px solid red;
 }
-.config-btn {
-  //margin-top: -3rem
-}
 </style>