保存进度！

入门/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 {