From 32c39c1968b7696704620928a477c00568bfa9de Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Tue, 19 Sep 2023 17:41:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E7=BE=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Tube.vue | 6 +++++-
 src/style.scss          | 5 +++++
 src/utils/index.js      | 6 ++++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/Tube.vue b/src/components/Tube.vue
index 9e0878d..f19dd86 100644
--- a/src/components/Tube.vue
+++ b/src/components/Tube.vue
@@ -7,13 +7,14 @@
       :data-index="item"
       @click="e => handleTubeClick(e, item)"
     >
-      A01
+      {{ `A${formatTubeNumber(item)}` }}
     </div>
   </div>
 </template>
 
 <script setup>
 import { ref, onMounted } from 'vue'
+import { formatTubeNumber } from '@/utils'
 
 const resultArr = ref([])
 const preEle = ref(null)
@@ -77,6 +78,7 @@ const touch = event => {
       render()
     case 'touchmove':
       if (event.touches[0]?.clientX && event.touches[0]?.clientY) {
+        event.preventDefault()
         const currentEle = document.elementFromPoint(
           event.touches[0]?.clientX,
           event.touches[0]?.clientY,
@@ -85,6 +87,8 @@ const touch = event => {
         render()
       }
       break
+    default:
+      break
   }
 }
 
diff --git a/src/style.scss b/src/style.scss
index e69de29..0e1cdcf 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -0,0 +1,5 @@
+* {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+}
diff --git a/src/utils/index.js b/src/utils/index.js
index e69de29..f270150 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -0,0 +1,6 @@
+export const formatTubeNumber = num => {
+  if (num < 10) {
+    return '0' + num
+  }
+  return num
+}