发布版修改

2 years ago · 45035cd48c
5 changed files with 32 additions and 6 deletions
--- 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>
--- 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;
--- 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;
--- 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
 })

--- 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 = {}