diff --git a/src/App.vue b/src/App.vue
index 0ba26cdb00942ddc7b6684bae8f6327a24f94aa5..dd937d25922b956036eda3f786ddb853b29bb7c3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,16 @@
 <template>
+  <BackTop/>
   <NavBar/>
   <router-view/>
 </template>
 
 <script>
 import NavBar from 'components/content/NavBar'
+import BackTop from 'components/common/BackTop';
 
 export default {
   name:'#app',
-  components:{NavBar}
+  components:{NavBar, BackTop}
   
 }
 </script>
diff --git a/src/components/common/BackTop.vue b/src/components/common/BackTop.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c50fa2d01e7737c70a31dc21be07580bd1a16e86
--- /dev/null
+++ b/src/components/common/BackTop.vue
@@ -0,0 +1,27 @@
+<template>
+  <ElBacktop>
+    <div
+        style="{
+          height: 100%;
+          width: 100%;
+          background-color: #f2f5f6;
+          box-shadow: 0 0 6px rgba(0,0,0, .12);
+          text-align: center;
+          line-height: 40px;
+          color: #31c27c;
+        }"
+      >
+      <i class="el-icon-arrow-up"></i>
+    </div>
+  </ElBacktop>
+</template>
+
+<script>
+export default {
+  name:'BackTop'
+}
+</script>
+
+<style>
+
+</style>
diff --git a/src/components/common/NavMenu.vue b/src/components/common/NavMenu.vue
index ffdf608be19060bb2c3cc12334b9650dd578fffd..a7b207e5c49a4468f3a9d0926fa2a397d8621dd1 100644
--- a/src/components/common/NavMenu.vue
+++ b/src/components/common/NavMenu.vue
@@ -13,7 +13,6 @@
     @click="onClik(item.path)">
     {{item.title}}
   </el-menu-item>
-
 </el-menu>
 </template>
 
@@ -33,7 +32,6 @@
         {title: '电台', path: '/MusicLibrary/radions'},
         {title: 'MV', path: '/MusicLibrary/mv'},
         ]
-
       };
     },
     methods: {