From 45035cd48cf80d37af644e5645516ff10053a7c5 Mon Sep 17 00:00:00 2001
From: z_yu <1534695664@qq.com>
Date: Tue, 11 Oct 2022 15:17:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E5=B8=83=E7=89=88=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html            | 14 ++++++++++++++
 src/App.vue                  | 12 ++++++++++--
 src/assets/styles/index.scss |  2 +-
 src/router/index.js          |  2 +-
 src/views/bookRackList.vue   |  8 ++++++--
 5 files changed, 32 insertions(+), 6 deletions(-)
diff --git a/public/index.html b/public/index.html
index a837192..16b0417 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,6 +5,20 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <script>
+      window.onload = function() {
+        document.addEventListener('touchstart', function(event) {
+          if (event.touches.length > 1) {
+            event.preventDefault()
+          }
+        },
+        { passive: false }
+        )
+        document.addEventListener('gesturestart', function(event) {
+          event.preventDefault()
+        })
+      }
+    </script>
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>
diff --git a/src/App.vue b/src/App.vue
index 41a8856..ad8458f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,19 @@
 <template>
   <div id="app">
     <keep-alive>
-      <router-view />
+      <router-view :key="key" />
     </keep-alive>
   </div>
 </template>
-
+<script>
+export default {
+  computed: {
+    key() {
+      return this.$route.path + Math.random()
+    }
+  }
+}
+</script>
 <style lang="scss">
 body {
   margin: 0;
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 07569e3..408e98b 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -189,7 +189,7 @@
   .list-item{
     display: flex;
     height: calc(100%/2 - 20px);
-    justify-content: space-between;
+    justify-content: flex-start;
     .book-img{
       display: flex;
       align-items: center;
diff --git a/src/router/index.js b/src/router/index.js
index edfdeff..8840dd0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -56,7 +56,7 @@ const routes = [
 ]
 
 const router = new VueRouter({
-  mode: 'history',
+  mode: 'hash',
   routes
 })
 
diff --git a/src/views/bookRackList.vue b/src/views/bookRackList.vue
index 41f1bdd..16bff94 100644
--- a/src/views/bookRackList.vue
+++ b/src/views/bookRackList.vue
@@ -1,9 +1,10 @@
 <template>
   <div id="bookshelf">
     <div class="bookshelf-header" style="height:120px">
-      <router-link to="/">
+      <!-- <router-link to="/">
         <span class="icon iconfont icon-l">&#xe631;</span>
-      </router-link>
+      </router-link> -->
+      <span class="icon iconfont icon-l" @click="goBack()">&#xe631;</span>
       <h2>本架图书</h2>
       <div class="rack-direct">
         <span :class="classnameL" @click="handleDirect(-1)">左</span>
@@ -112,6 +113,9 @@ export default {
       }
       this.initBookshelfDetails(n)
     },
+    goBack() {
+      this.$router.go(-1)
+    },
     initBookshelfDetails(n) {
       this.loading = true
       const params = {}
