保存进度！

入门/cli/hello-cli/public/css/page.css

@@ -2,21 +2,17 @@
  * @Author: Kane
  * @Date: 2022-11-12 23:32:20
  * @LastEditors: Kane
- * @LastEditTime: 2022-11-29 13:15:19
- * @FilePath: \hello-cli\src\assets\css\app.css
+ * @LastEditTime: 2022-12-05 00:09:46
+ * @FilePath: \hello-cli\public\css\page.css
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
  */
-@import url("colors.css");
 
 body {
     background-color: #f4f5f7;
-}
-
-#root,
-#app {
-    padding: 50px;
+    padding: 0px;
+    margin: 0px;
 }
 
 /* .content {

入门/cli/hello-cli/public/index.html

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-11-22 17:50:49
  * @LastEditors: Kane
- * @LastEditTime: 2022-11-30 15:08:26
+ * @LastEditTime: 2022-12-05 00:19:08
  * @FilePath: \hello-cli\public\index.html
  * @Description: 
  * 
@@ -16,9 +16,9 @@
         <meta name="viewport" content="width=device-width,initial-scale=1.0" />
         <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
         <title><%= htmlWebpackPlugin.options.title %></title>
-        <link rel="stylesheet" href="<%= BASE_URL %>css/root.css" />
-        <link rel="stylesheet" href="<%= BASE_URL %>css/normalize.css" />
-        <link rel="stylesheet" href="<%= BASE_URL %>css/page.css" />
+        <!-- <link rel="stylesheet" href="<%= BASE_URL %>css/root.css" /> -->
+        <!-- <link rel="stylesheet" href="<%= BASE_URL %>css/normalize.css" /> -->
+        <!-- <link rel="stylesheet" href="<%= BASE_URL %>css/page.css" /> -->
     </head>
     <style>
         .v-cloak {
@@ -38,4 +38,3 @@
         <!-- built files will be auto injected -->
     </body>
 </html>
-

入门/cli/hello-cli/src/App.vue

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-11-22 17:50:49
  * @LastEditors: Kane
- * @LastEditTime: 2022-12-02 16:59:09
+ * @LastEditTime: 2022-12-05 00:21:20
  * @FilePath: \hello-cli\src\App.vue
  * @Description: 
  * 
@@ -11,7 +11,7 @@
 <template>
   <div class="content">
     <div class="banner">
-      <h1>学习路由</h1>
+      <span>标题</span>
     </div>
     <div class="container">
       <div class="nav"></div>
@@ -28,12 +28,45 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
+@import url("assets/css/colors.css");
+
 #app {
   background-color: #f4f5f7;
 }
 .content {
   background-color: #fff;
+  height: 100vh;
+  width: 100vw;
+  min-width: 1280px;
+  padding: 0px;
+}
+
+.banner {
+  height: 50px;
+  padding: 0px;
+}
+
+.container {
+  display: flex;
+  /* border: 1px solid red; */
+  height: calc(100% - 50px);
+  padding: 0px;
+}
+
+.nav {
+  flex: 0 0 200px;
+  background-color: bisque;
+  padding: 0px;
+}
+
+.view {
+  flex-grow: 1;
+  flex-shrink: 1;
+  overflow-y: auto;
+  overflow-x: auto;
+  background-color: antiquewhite;
+  /* min-width: 800px; */
 }
 
 hr {

入门/cli/hello-cli/src/assets/css/global.css

@@ -0,0 +1,17 @@
+/*
+ * @Author: Kane
+ * @Date: 2022-12-05 00:07:49
+ * @LastEditors: Kane
+ * @LastEditTime: 2022-12-05 00:16:31
+ * @FilePath: \hello-cli\src\css\global.css
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+ */
+html,
+body,
+#app {
+    padding: 0px;
+    margin: 0px;
+    overflow: hidden;
+}

入门/cli/hello-cli/src/main.js

@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-11-22 17:50:49
  * @LastEditors: Kane
- * @LastEditTime: 2022-11-29 16:14:35
+ * @LastEditTime: 2022-12-05 00:19:58
  * @FilePath: \hello-cli\src\main.js
  * @Description: 
  * 
@@ -12,8 +12,12 @@ import { createApp } from 'vue';
 import { createStore } from "vuex";
 import App from './App.vue';
 import ElementPlus from "element-plus";
+import "./assets/css/root.css";
+import "./assets/css/normalize.css";
+import "./assets/css/global.css";
 import 'element-plus/dist/index.css';
 
+
 const app = createApp(App);
 const vuex = createStore({
     state() {