提交

src/router/index.ts

@@ -67,6 +67,11 @@ export const constantRoutes: RouteRecordRaw[] = [
     component: () => import('@/views/largeScreen/index.vue'),
     hidden: true
   },
+  {
+    path: '/ueScreen',
+    component: () => import('@/views/ueScreen/index.vue'),
+    hidden: true
+  },
   {
     path: '',
     component: Layout,

src/views/ueScreen/gis.scss

@@ -0,0 +1,11 @@
+$vm_base: 1920;
+$vh_base: 1080;
+// 计算vw
+@function vw($px) {
+  @return calc(($px / $vm_base) * 100vw);
+}
+
+// 计算vh
+@function vh($px) {
+  @return calc(($px / $vh_base) * 100vh);
+}

src/views/ueScreen/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="ueScreen">大屏</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped>
+@import './gis.scss';
+.ueScreen {
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(4, 7, 17, 0.8);
+  color: #fff;
+}
+</style>