commit

package-lock.json

@@ -12,7 +12,6 @@
         "core-js": "^3.6.5",
         "echarts": "^4.9.0",
         "element-ui": "^2.15.13",
-        "v-scale-screen": "^1.0.2",
         "vue": "^2.6.11",
         "vue-native-websocket": "^2.0.15",
         "vue-router": "^3.5.2",
@@ -14994,17 +14993,6 @@
         "uuid": "bin/uuid"
       }
     },
-    "node_modules/v-scale-screen": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmmirror.com/v-scale-screen/-/v-scale-screen-1.0.2.tgz",
-      "integrity": "sha512-qMXPglHIs8KnhzDBdEBLcIoF3q7jgFCTWNIVPD5M0FGBkD+amYjbFUoLdKol/Xylm+pli4AHOZOqwyL6xX62SA==",
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "vue": "^2.6.14"
-      }
-    },
     "node_modules/v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
@@ -36558,12 +36546,6 @@
       "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
       "dev": true
     },
-    "v-scale-screen": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmmirror.com/v-scale-screen/-/v-scale-screen-1.0.2.tgz",
-      "integrity": "sha512-qMXPglHIs8KnhzDBdEBLcIoF3q7jgFCTWNIVPD5M0FGBkD+amYjbFUoLdKol/Xylm+pli4AHOZOqwyL6xX62SA==",
-      "requires": {}
-    },
     "v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",

package.json

@@ -12,7 +12,6 @@
     "core-js": "^3.6.5",
     "echarts": "^4.9.0",
     "element-ui": "^2.15.13",
-    "v-scale-screen": "^1.0.2",
     "vue": "^2.6.11",
     "vue-native-websocket": "^2.0.15",
     "vue-router": "^3.5.2",

src/App.vue

@@ -1,8 +1,6 @@
 <template>
   <div id="app">
-    <VScaleScreen class="VScaleScreen" width="1920" height="1080">
       <router-view />
-    </VScaleScreen>
   </div>
 </template>
 
@@ -35,8 +33,5 @@ body{
     width: 100%;
 } 
 
-.VScaleScreen{
-  background: url('~@/assets/image/bg.png') !important;
-  background-size: 100% 100%;
-}
+
 </style>

src/layout/index.vue

@@ -27,9 +27,10 @@
   .outer-container{
     height: 100vh;
     flex-direction: column;
-
     -ms-flex-direction: column;
     flex-direction: column;
+    background: url('~@/assets/image/bg.png');
+    background-size: 100% 100%;
   }
 
   .center-container{

src/main.js

@@ -12,8 +12,6 @@ import SvgIcon from '@/components/svgIcon/index.vue'// svg component
 import '@/assets/svg'  // 导入图标资源
 // 将自动注册所有组件为全局组件
 import dataV from '@jiaminghi/data-view'
-import VScaleScreen from 'v-scale-screen'
-Vue.use(VScaleScreen)
 Vue.use(dataV)
 Vue.use(websocket, 'ws://localhost:1234', {// 这里要填的是服务器的地址，可以换一个在线服务器wss://echo.websocket.org
   reconnection: true, // (Boolean)是否自动重连，默认false