1

src/views/ueScreen/components/rightPage.vue

@@ -89,6 +89,7 @@ $vh_base: 1080;
     gap: vh(20);
     width: 100%;
     height: 100%;
+    padding-bottom: vh(20);
 }
 
 .statistic {

src/views/ueScreen/index.vue

@@ -1,21 +1,24 @@
 <template>
   <div class="ueScreen">
     <Header />
-    <LeftPage />
+    <div class="content_box">
-  </div>
+      <LeftPage class="left" />
-  <div class="right">
+      <!-- <div>ue</div> -->
-    <Right />
+      <RightPage class="right" />
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import Header from './components/header.vue';
 import LeftPage from './components/leftPage.vue';
+import RightPage from './components/rightPage.vue';
 </script>
 
 <style scoped lang="scss">
 $vm_base: 1920;
 $vh_base: 1080;
+
 // 计算vw
 @function vw($px) {
   @return calc(($px / $vm_base) * 100vw);
@@ -33,11 +36,25 @@ $vh_base: 1080;
   color: #fff;
 }
 
+.content_box {
+  position: relative;
+  width: 100vw;
+  height: calc(100vh - 8vh);
+}
+
+.left {
+  position: absolute;
+  top: 0;
+  left: vw(20);
+  width: 25vw;
+  height: 100%;
+}
+
 .right {
   position: absolute;
-  top: vh(60);
+  top: 0;
   right: vw(20);
   width: 25vw;
-  height: calc(100vh - vh(80));
+  height: 100%;
 }
 </style>