添加返回首页

src/components/PageBack.vue

+<template>
+    <div class="page-back" @click="returnHomePage"></div>
+</template>
+
+<script>
+export default {
+    name: 'PageBack',
+
+    methods: {
+        returnHomePage () {
+            this.$router.push('/situation')
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.page-back {
+    position: absolute;
+    top: 37px;
+    left: 15px;
+    width: 380px;
+    height: 45px;
+    z-index: 2;
+    cursor: pointer;
+}
+</style>

src/pages/progress.vue

 <template>
     <div class="progress">
+        <page-back />
         <tab />
 
         <!-- 搜索 -->

src/public/plugins/index.js

@@ -6,6 +6,8 @@ import ContentContainer from 'components/ContentContainer'
 import Header from 'components/Header'
 // 弹框
 import BulletFrame from 'components/BulletFrame'
+// 返回首页
+import PageBack from 'components/PageBack'
 
 const UsePlugin = {}
 
@@ -23,6 +25,8 @@ UsePlugin.install = function (Vue, options = {}) {
     Vue.component('page-header', Header)
     // 弹框
     Vue.component('bullet-frame', BulletFrame)
+    // 返回首页
+    Vue.component('page-back', PageBack)
 }
 
 export default UsePlugin