From 19949865abdcc3448b08acb4db77247e4bb14696 Mon Sep 17 00:00:00 2001
From: Kane <wangkane@qq.com>
Date: Mon, 5 Dec 2022 00:23:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=9D=E5=AD=98=E8=BF=9B=E5=BA=A6=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 入门/cli/hello-cli/public/css/page.css      | 12 ++----
 入门/cli/hello-cli/public/index.html        |  9 ++---
 入门/cli/hello-cli/src/App.vue              | 39 +++++++++++++++++--
 .../cli/hello-cli/src/assets/css/global.css   | 17 ++++++++
 入门/cli/hello-cli/src/main.js              |  6 ++-
 5 files changed, 66 insertions(+), 17 deletions(-)
 create mode 100644 入门/cli/hello-cli/src/assets/css/global.css

diff --git a/入门/cli/hello-cli/public/css/page.css b/入门/cli/hello-cli/public/css/page.css
index cf939ac..64b4bfd 100644
--- a/入门/cli/hello-cli/public/css/page.css
+++ b/入门/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 {
diff --git a/入门/cli/hello-cli/public/index.html b/入门/cli/hello-cli/public/index.html
index fa21b4a..75f5e39 100644
--- a/入门/cli/hello-cli/public/index.html
+++ b/入门/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>
-
diff --git a/入门/cli/hello-cli/src/App.vue b/入门/cli/hello-cli/src/App.vue
index aae09b4..389eb91 100644
--- a/入门/cli/hello-cli/src/App.vue
+++ b/入门/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 {
diff --git a/入门/cli/hello-cli/src/assets/css/global.css b/入门/cli/hello-cli/src/assets/css/global.css
new file mode 100644
index 0000000..bc7be0d
--- /dev/null
+++ b/入门/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;
+}
diff --git a/入门/cli/hello-cli/src/main.js b/入门/cli/hello-cli/src/main.js
index 4d2ccf3..ba13617 100644
--- a/入门/cli/hello-cli/src/main.js
+++ b/入门/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() {