5.6颜色选择

src/views/index/compoents/TFileStreamhcfd.vue

@@ -108,25 +108,33 @@ loadingopen(){
 }
 
 </script>
-<style scoped>
+
+ <style lang="scss" scoped>
+/* @import '@/styles/variables.scss';
+@import '@/styles/mixin.scss'; */
 .imgs{
 position: relative;
-
-}
-[v-cloak]{
-  display: none;
+    display: flex;
+    justify-content: center;
+    /* align-items: center; */
+    align-items: center;
+    flex-direction: column;
+    
 }
 .el-image{
-    width: 100%;
-    height: calc(100vh - 112px) !important;
+    /* width: 100%; */
+    /* height: calc(100vh - 112px) !important; */
      overflow: hidden;
      position:relative ;
+     display: contents;
 }
+/deep/.imgs img{
+      width:auto !important;
+    }
  img{
    width: 100%;
     height: 90vh;
-object-fit: fill;
-   
+object-fit: fill;  
    /* height: calc(100% - 110px); */
  }
 

src/views/index/index.vue

@@ -661,7 +661,7 @@ let params = {
               this.websock.close() 
       },
       websocketonmessage(e){ //数据接收
-          // this.loadingopen();
+          this.loadingopen();
           //  this.$refs.monitor.container_show=true;
 
         try{
@@ -870,6 +870,7 @@ html,body{
 .beij-container {
   width: 100%;
   height: 100%;
+  background-color: #fff;
   // background: linear-gradient(180deg, #ccd3e2 0%, rgba(255, 255, 255, 0) 100%);
 }
 .el-footer {