ai算法及ai算法实例画面小窗口滚动修改滚动速度

src/directives/slowScroll.js

@@ -0,0 +1,17 @@
+export default {
+  mounted(el, binding) {
+    const speed = binding.value || 0.3 // 默认滚动系数 0.3
+
+    const handler = (e) => {
+      e.preventDefault() // 阻止默认滚动
+      el.scrollTop += e.deltaY * speed
+    }
+
+    el.__slowScrollHandler__ = handler
+    el.addEventListener("wheel", handler, { passive: false })
+  },
+  unmounted(el) {
+    el.removeEventListener("wheel", el.__slowScrollHandler__)
+    delete el.__slowScrollHandler__
+  }
+}

src/main.ts

@@ -36,11 +36,13 @@ import Antd from 'ant-design-vue';
 import { signal } from './utils/signalR';
 
 import VueDragResize from 'vue-drag-resize/src';
+import slowScroll from './directives/slowScroll'
 
 async function bootstrap() {
   const app = createApp(App);
   app.use(VueDragResize);
   app.use(Antd);
+  app.directive('slow-scroll', slowScroll)
 
   // Configure store
   // 配置 store

src/views/demo/resourcemanagement/aiinstance/AddInstanceModal.vue

@@ -76,7 +76,7 @@
             <div>颜色</div>
             <div>置信度</div>
           </div>
-          <div class="tag-list-content">
+          <div class="tag-list-content" v-slow-scroll="0.05">
             <div class="list-item" v-for="item in tagsShowList">
               <a-checkbox class="item-checkbox" :checked="tagsList.includes(item.id)" @click="changeChecked(item.id)"></a-checkbox>
               <div style="width: 72px;margin-right: 60px;" class="item-span">{{item.pName}}</div>

src/views/demo/resourcemanagement/ailist/AddAlgorithmModal.vue

@@ -58,7 +58,7 @@
               <div class="table-title-item">推荐置信度</div>
               <div class="table-title-item" style="width: 55px;justify-content: center;">操作</div>
             </div>
-            <div class="label-table-content">
+            <div class="label-table-content" v-slow-scroll="0.05">
               <div class="table-row" v-for="(item,index) in modelLabels" :key="index">
                 <div class="table-item">
                   <a-input class="table-item-input" v-model:value="item.enumValue"/>