duxingchen/track
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 连线层加pointer-events:none防止吞掉卡片点击事件

Browse Source
This commit is contained in:
duxingchen
2026-08-10 14:37:37 +08:00
parent 51ca05d737
commit 5f12adfe2f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
track-uniapp/src/pages/scan/components/TreeCanvas.vue
View File

@ -225,12 +225,12 @@ export default {
.tree-movable-area { flex: 1; width: 100%; background-color: #f0f2f5; background-image: linear-gradient(#dde1e6 1px, transparent 1px), linear-gradient(90deg, #dde1e6 1px, transparent 1px); background-size: 24px 24px; } .tree-movable-area { flex: 1; width: 100%; background-color: #f0f2f5; background-image: linear-gradient(#dde1e6 1px, transparent 1px), linear-gradient(90deg, #dde1e6 1px, transparent 1px); background-size: 24px 24px; }
.canvas-inner { position: absolute; left: 0; top: 0; } .canvas-inner { position: absolute; left: 0; top: 0; }
/* 🔧 连线 */ /* 🔧 连线（禁止吞事件） */
.cn-line { position: absolute; height: 2px; } .cn-line { position: absolute; height: 2px; pointer-events: none; }
.cn-line-solid { background: #9ca3af; } .cn-line-solid { background: #9ca3af; }
.cn-line-dashed { background: repeating-linear-gradient(90deg, #fdba74 0, #fdba74 6px, transparent 6px, transparent 10px); } .cn-line-dashed { background: repeating-linear-gradient(90deg, #fdba74 0, #fdba74 6px, transparent 6px, transparent 10px); }
/* 🔧 连线箭头 */ /* 🔧 连线箭头（禁止吞事件） */
.cn-arrow { position: absolute; width: 0; height: 0; border-left: 6px solid #9ca3af; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .cn-arrow { position: absolute; width: 0; height: 0; border-left: 6px solid #9ca3af; border-top: 4px solid transparent; border-bottom: 4px solid transparent; pointer-events: none; }
.cn-arrow-dashed { border-left-color: #fdba74; } .cn-arrow-dashed { border-left-color: #fdba74; }
/* 🔧 极简卡片 160x80 */ /* 🔧 极简卡片 160x80 */