chart页滑动操作冲突

src/views/Chart.vue

@@ -1,6 +1,5 @@
 <template>
   <div
-    ref="hammer-target"
     class="chart"
   >
     <BackBtn
@@ -159,6 +158,10 @@
         />
       </div>
     </figure>
+    <div
+      ref="hammer-target"
+      class="slide-to-nav-mask"
+    />
   </div>
 </template>
 
@@ -792,5 +795,14 @@ export default {
       }
     }
   }
+  .slide-to-nav-mask {
+    position: absolute;
+    width: 100%;
+    height: 65%;
+    bottom: 0;
+    left: 0;
+    // background: red;
+    z-index: 1;
+  }
 }
 </style>