视频可视化播放器窗口调整

dcit-hcsystem-hcsystem-master/src/views/Video/VideoList.vue

@@ -2,7 +2,6 @@
   <div class="pomentWrap">
     <el-row :gutter="5" type="flex" justify="space-around">
       <el-col :xs="12" :sm="12" :md="6" :lg="4" :xl="4">
-<!--      <el-aside>-->
         <div class="topBar">
           <el-tree
                   :data="treeData"
@@ -16,13 +15,10 @@
           >
           </el-tree>
         </div>
-<!--      </el-aside>-->
       </el-col>
 
       <el-col :xs="12" :sm="12" :md="18" :lg="20" :xl="20">
-<!--      <el-main>-->
-        <div>
-          <el-row>
+          <el-row class="row">
             <div class="box" :class="[flag == 'newplay1' ? 'boxred' : 'boxblack']">
               <div id="newplay1" style="width:100%; height:100%;" @click="chooseWindow('newplay1')">
                 <span class="novideo">无信号</span>
@@ -34,7 +30,8 @@
               </div>
             </div>
           </el-row>
-          <el-row>
+
+          <el-row class="row">
             <div class="box" :class="[flag == 'newplay3' ? 'boxred' : 'boxblack']">
               <div id="newplay3" style="width:100%; height:100%;" @click="chooseWindow('newplay3')">
                 <span class="novideo">无信号</span>
@@ -46,23 +43,28 @@
               </div>
             </div>
           </el-row>
-        </div>
-<!--      </el-main>-->
       </el-col>
     </el-row>
   </div>
 </template>
 <style lang="scss" scped>
   @import '@/utils/public.scss';
-  .box{
-    float:left;
-    width:550px;
-    height:300px;
-    background-color: #edf1f6;
-    text-align: center;
-    position:relative;
-    right:0px;
-  }
+    .row{
+        display: flex;
+        .box{
+            width: 100%;
+            text-align: center;
+        }
+    }
+  /*.box{*/
+    /*float:left;*/
+    /*width:550px;*/
+    /*height:300px;*/
+    /*background-color: #edf1f6;*/
+    /*text-align: center;*/
+    /*position:relative;*/
+    /*right:0px;*/
+  /*}*/
   .boxred{
     border: 1px solid red;
   }