11

src/App.vue

@@ -12,6 +12,8 @@
 #app {
   width: 100vw;
   height: 100vh;
+  width: 7680px;
+  height: 3240px;
   background-color: transparent;
 }
 </style>

src/router/index.js

@@ -8,6 +8,13 @@ const routes = [
     path: "/",
     name: "index",
     component: () => import("../views/Index.vue"),
+    children: [
+      {
+        path: "/znyw",
+        name: "znyw",
+        component: () => import("../views/lll/ZNYW.vue"),
+      },
+    ],
   },
 ];
 

src/views/Index.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="home">
-    <p>11111111111</p>
     <RouterView />
   </div>
 </template>
@@ -14,12 +13,6 @@ export default {
 };
 </script>
 <style scoped>
-p {
-  font-size: 16px;
-  width: 100px;
-  height: 100px;
-  background-color: red;
-}
 .home {
   width: 100%;
   height: 100%;

src/views/lll/ZNYW.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="box">
+    <div class="left">
+      <img src="../../assets/img/标题/智能运维.png" class="title" />
+    </div>
+  </div>
+</template>
+<script></script>
+<style lang="less" scoped>
+.left {
+  width: 1237px;
+  height: 2500px;
+  background-image: url("../../assets/img/侧边.png");
+  margin-top: 289px;
+  .title {
+    margin-top: 15px;
+    margin-left: 100px;
+  }
+}
+</style>