feat: 添加屏幕适配

sample-form-client-ui/admin/package.json

@@ -26,6 +26,7 @@
     "moment": "^2.29.4",
     "npm": "^6.13.7",
     "secure-ls": "^1.2.6",
+    "v-scale-screen": "1.0.2",
     "voca": "^1.4.0",
     "vue": "^2.6.14",
     "vue-barcode": "^1.3.0",

sample-form-client-ui/admin/src/App.vue

 <template>
-  <div class="app">
-    <router-view></router-view>
-    <NetworkError :isShowError="isShowError"></NetworkError>
-    <EnabledDev :enabled="enabled"></EnabledDev>
-  </div>
+  <v-scale-screen width="1920" height="1080" :fullScreen="true">
+    <div class="app">
+      <router-view></router-view>
+      <NetworkError :isShowError="isShowError"></NetworkError>
+      <EnabledDev :enabled="enabled"></EnabledDev>
+    </div>
+  </v-scale-screen>
 </template>
 
 <script>

sample-form-client-ui/admin/src/main.js

@@ -30,6 +30,9 @@ Vue.use(scroll);
 // 格式化插件
 import format from "vue-text-format";
 Vue.use(format);
+// 屏幕适配
+import VScaleScreen from "v-scale-screen";
+Vue.use(VScaleScreen);
 
 // 引入数据埋点
 import vueStatistics from "@/utils/vue-statistics";