diff --git a/flower_admin_front/src/App.vue b/flower_admin_front/src/App.vue
new file mode 100644
index 0000000..6e11adb
--- /dev/null
+++ b/flower_admin_front/src/App.vue
@@ -0,0 +1,34 @@
+<template>
+  <div id="app">
+    <!--  路由出口，路由匹配到的组件将渲染到这里    -->
+    <router-view></router-view>
+  </div>
+</template>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+
+nav {
+  padding: 30px;
+}
+
+nav a {
+  font-weight: bold;
+  color: #2c3e50;
+}
+
+nav a.router-link-exact-active {
+  color: #42b983;
+}
+body{
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+</style>