1. init 接入 core-ui

.gitmodules

+[submodule "src/core-ui"]
+	path = src/core-ui
+	url = git@gitlab.corp.qinqinxiaobao.com:jshq-html/core-ui.git

core-ui @ 4a93bfc8

+Subproject commit 4a93bfc8d7a7cf42a0f2156a6d09406666367723

src/main.ts

-import Vue from 'vue'
-import App from './App.vue'
-import router from './router'
+import Vue from 'vue';
+import App from './App.vue';
+import router from './router';
 
-Vue.config.productionTip = false
+Vue.config.productionTip = false;
 
 new Vue({
   router,
   render: h => h(App)
-}).$mount('#app')
+}).$mount('#app');

src/views/About.vue

-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>

src/views/Home.vue

-<template>
-  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Vue } from 'vue-property-decorator'
-import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src
-
-@Component({
-  components: {
-    HelloWorld
-  }
-})
-export default class Home extends Vue {}
-</script>

src/views/pages/aside-panels/aside-panels.vue

+<template>
+    <div>asidepanels</div>
+</template>
+
+<script lang="ts">
+    import { Component, Vue } from "vue-property-decorator";
+
+    @Component({ components: {} })
+    export default class Asidepanels extends Vue {}
+</script>
+
+<style lang="less" scoped>
+    @import "~@/css/variables.less";
+</style>

src/views/pages/main.vue

 <template>
-    <div>
-        234
+    <div class="manager-container d-flex">
+        <AsidePanels></AsidePanels>
         <router-view></router-view>
     </div>
 </template>
 
 <script lang="ts">
     import { Component, Vue } from "vue-property-decorator";
+    import AsidePanels from "@/views/pages/aside-panels/aside-panels.vue";
 
-    @Component({ components: {} })
+    @Component({ components: { AsidePanels } })
     export default class Main extends Vue {}
 </script>