Quellcode durchsuchen

首页两边先用静态图片代替

DESKTOP-6LTVLN7\Liumouren vor 9 Monaten
Ursprung
Commit
93329b2eae

BIN
src/assets/images/LM1.png


BIN
src/assets/images/LM2.png


BIN
src/assets/images/LM3.png


BIN
src/assets/images/LT2.png


BIN
src/assets/images/LT3.png


BIN
src/assets/images/RM1.png


BIN
src/assets/images/RM2.png


BIN
src/assets/images/RM3.png


BIN
src/assets/images/RT1.png


BIN
src/assets/images/RT2.png


BIN
src/assets/images/RT3.png


+ 0 - 1
src/main.js

@@ -1,4 +1,3 @@
-import Vue from "vue";
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'

+ 35 - 3
src/views/HomeView.vue

@@ -3,7 +3,20 @@
     <Header />
     <Map />
     <div class="home_LeftMainBox">
-      <!-- <CardTitle title="空间资源运营概览" /> -->
+      <img style="width: 500px; height: 50px" src="../assets/images/LT1.png" />
+      <img style="width: 500px; height: 246px" src="../assets/images/LM1.png" />
+      <img style="width: 500px; height: 50px" src="../assets/images/LT2.png" />
+      <img style="width: 500px; height: 246px" src="../assets/images/LM2.png" />
+      <img style="width: 500px; height: 50px" src="../assets/images/LT3.png" />
+      <img style="width: 500px; height: 246px" src="../assets/images/LM3.png" />
+    </div>
+    <div class="home_RightMainBox">
+      <img style="width: 500px; height: 50px" src="../assets/images/RT1.png" />
+      <img style="width: 500px; height: 246px" src="../assets/images/RM1.png" />
+      <img style="width: 500px; height: 50px" src="../assets/images/RT2.png" />
+      <img style="width: 500px; height: 246px" src="../assets/images/RM2.png" />
+      <img style="width: 500px; height: 50px" src="../assets/images/RT3.png" />
+      <img style="width: 500px; height: 246px" src="../assets/images/RM3.png" />
     </div>
   </div>
 </template>
@@ -35,9 +48,28 @@ export default {
     left: 0;
     width: 500px;
     height: calc(100vh - 65px);
-    // background: #ffffff32;
     overflow: hidden;
-    // pointer-events: none;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    pointer-events: none;
+    // background: #00000064;
+  }
+  &_RightMainBox {
+    position: fixed;
+    z-index: 9999;
+    top: 65px;
+    right: 0;
+    width: 500px;
+    height: calc(100vh - 65px);
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    pointer-events: none;
+    // background: #00000064;
   }
 }
 </style>