完美

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

src/style.scss

@@ -0,0 +1,5 @@
+* {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+}

src/utils/index.js

@@ -0,0 +1,6 @@
+export const formatTubeNumber = num => {
+  if (num < 10) {
+    return '0' + num
+  }
+  return num
+}