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

<!--
 * @Author: Kane
 * @Date: 2022-11-22 17:50:49
 * @LastEditors: Kane
 * @LastEditTime: 2022-12-02 16:59:09
 * @FilePath: \hello-cli\src\App.vue
 * @Description: 
 * 
 * Copyright (c) ${2022} by Kane, All Rights Reserved. 
-->
<template>
  <div class="content">
    <div class="banner">
      <h1>学习路由</h1>
    </div>
    <div class="container">
      <div class="nav"></div>
      <div class="view"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "App",
  components: {},
  methods: {},
};
</script>

<style>
#app {
  background-color: #f4f5f7;
}
.content {
  background-color: #fff;
}

hr {
  width: 100%;
  border: 1px solid 1px;
}
</style>