From eb0cf542831ac0db3cfa5479f68e62393297534a Mon Sep 17 00:00:00 2001
From: Zachary <zlj19971222@outlook.com>
Date: Fri, 12 Feb 2021 19:29:25 +0800
Subject: [PATCH] feat: add backtop

---
 src/App.vue                       |  4 +++-
 src/components/common/BackTop.vue | 27 +++++++++++++++++++++++++++
 src/components/common/NavMenu.vue |  2 --
 3 files changed, 30 insertions(+), 3 deletions(-)
 create mode 100644 src/components/common/BackTop.vue

diff --git a/src/App.vue b/src/App.vue
index 0ba26cd..dd937d2 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 0000000..c50fa2d
--- /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 ffdf608..a7b207e 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: {
-- 
GitLab