加入返回按钮

src/App.vue

@@ -1,9 +1,9 @@
 <template>
-  <!-- <v-scale-screen width="1920" height="1080"> -->
-  <div id="app">
-    <router-view />
-  </div>
-  <!-- </v-scale-screen> -->
+  <v-scale-screen width="1920" height="1080">
+    <div id="app">
+      <router-view />
+    </div>
+  </v-scale-screen>
 </template>
 
 <script>

src/components/header/index.html

@@ -3,4 +3,7 @@
     <slot name="left"></slot>
   </div>
   <p class="title">{{title}}</p>
+  <div class="right">
+    <div v-if="callBack" @click="back" class="back"></div>
+  </div>
 </div>

src/components/header/index.js

@@ -4,6 +4,10 @@ export default {
   computed: {
   },
   props: {
+    callBack: {
+      type: Boolean,
+      default: false
+    },
     title: {
       type: String,
       default: '我是标题'
@@ -24,5 +28,8 @@ export default {
   created () {
   },
   methods: {
+    back () {
+      this.$router.go(-1)
+    }
   }
 };

src/components/header/index.scss

@@ -26,4 +26,20 @@
     left: 20px;
     top: 20px;
   }
+
+  .right {
+    position: absolute;
+    right: 20px;
+    bottom: 10px;
+
+    .back {
+      cursor: pointer;
+      background: url('./back.png');
+      background-size: 100% 100%;
+      width: 42px;
+      height: 42px;
+    }
+  }
+
+
 }

src/style/_base.scss

@@ -25,10 +25,8 @@ body {
 .page {
   overflow: hidden;
   position: relative;
-  width: 100vw;
-  // min-width: 1920px;
-  height: 100vh;
-  // min-height: 1080px;
+  width: 1920px;
+  height: 1080px;
 
   .left_side {
     position: absolute;

src/views/capital/index.html

@@ -1,5 +1,5 @@
 <div class="page">
-  <Header title="资金一张图">
+  <Header title="资金一张图" callBack>
     <div slot="left">
       <Tabs @change="tabChange" :data="tabData"></Tabs>
     </div>

src/views/login/index.scss

@@ -3,7 +3,7 @@
   background-size: 100% 100%;
 
   .text {
-    top: 110px;
+    top: 80px;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

src/views/property/index.html

@@ -1,7 +1,7 @@
 <div class="page">
   <MainGis v-if="tab === '1'"></MainGis>
   <GisMap v-else></GisMap>
-  <Header title="资产一张图">
+  <Header title="资产一张图" callBack>
     <div slot="left">
       <Tabs @change="tabChange" :data="tabData"></Tabs>
     </div>

src/views/resources/index.html

@@ -1,7 +1,7 @@
 <div class="page">
   <MainGis v-if="tab === '1'"></MainGis>
   <GisMap v-else></GisMap>
-  <Header title="资源一张图">
+  <Header title="资源一张图" callBack>
     <div slot="left">
       <Tabs @change="tabChange" :data="tabData"></Tabs>
     </div>