From 6ca40a522b537003926fb599b806e7b8b17a8579 Mon Sep 17 00:00:00 2001
From: ruanqi <qi.ruan@xujiesoft.com>
Date: Wed, 8 May 2024 09:23:15 +0800
Subject: [PATCH] plm BM

---
 src/assets/scss/global.scss | 11 +++++++++++
 src/main.js                 | 12 ++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/src/assets/scss/global.scss b/src/assets/scss/global.scss
index 1ef764d..b9b5555 100644
--- a/src/assets/scss/global.scss
+++ b/src/assets/scss/global.scss
@@ -500,3 +500,14 @@ a:hover{
     margin-left: -3px;
     margin-top: -2px;
   }
+
+/* 全局隐藏上下箭头 */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type="number"] {
+  -moz-appearance: textfield; /* Firefox */
+}
diff --git a/src/main.js b/src/main.js
index 921b70c..e0a020e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -53,3 +53,15 @@ new Vue({
   template: '<App/>',
   components: { App }
 })
+
+// 在Vue实例初始化之前添加全局事件监听器
+document.addEventListener('keydown', function(event) {
+  // 获取触发事件的元素
+  const targetElement = event.target;
+
+  // 如果触发事件的元素是<input type="number">，并且按下的是上下箭头键
+  if (targetElement.tagName === 'INPUT' && targetElement.type === 'number' && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
+    // 阻止默认行为，取消按上下箭头键改变值的行为
+    event.preventDefault();
+  }
+});