保存进度！

cli/hello-cli/src/components/AppBanner.vue

@@ -0,0 +1,62 @@
+<!--
+ * @Author: Kane
+ * @Date: 2022-12-02 22:44:12
+ * @LastEditors: Kane
+ * @LastEditTime: 2022-12-13 16:54:33
+ * @FilePath: \hello-cli\src\components\AppBanner.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+  <div class="app_banner">
+    <span class="company_name">CPIC</span>
+    <div class="version_div">
+      <div>测试版</div>
+      <div>3.6.7 x64 Build202208301257</div>
+    </div>
+    <div class="buttons_div"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "AppBanner",
+  data() {
+    return {};
+  },
+  // created() {
+  //   console.log("banner请求数据！");
+  // },
+  mounted() {
+    console.log("banner请求数据！");
+  },
+};
+</script>
+<style scoped>
+.app_banner {
+  background-color: var(--banner-background-color);
+  color: #fff;
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  padding: 0px 15px;
+  height: 100%;
+}
+
+.app_banner > * + * {
+  margin-left: 10px;
+}
+
+.company_name {
+  font-size: 2rem;
+}
+
+.version_div {
+  font-size: 0.5rem;
+}
+
+.buttons_div {
+  margin-left: auto;
+}
+</style>

cli/hello-cli/src/components/AppNav.vue

@@ -0,0 +1,25 @@
+<!--
+ * @Author: Kane
+ * @Date: 2022-12-02 22:50:54
+ * @LastEditors: Kane
+ * @LastEditTime: 2022-12-02 22:56:40
+ * @FilePath: \hello-cli\src\components\AppNav.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: "AppNav",
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style>
+</style>