feie9454/circuit-virtual-lab-neo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0909eve

Browse Source
This commit is contained in:
feie9456 2025-09-12 09:30:56 +08:00
parent 11f4fec721
commit 09e6ff720e
2 changed files with 1 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/App.vue
View File

@ -886,36 +886,14 @@ function deleteSelected() {
<div class="world" :style="worldStyle" ref="worldRef">
<!-- 导线（SVG 覆盖层） -->
<svg class="wires" :width="state.worldSize" :height="state.worldSize" @mousemove="onViewportMouseMoveTrack">
<!-- 定义阴影与每条导线的渐变高光 -->
<defs>
<filter id="wireShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000" flood-opacity="0.12" />
</filter>
<template v-for="w in wires">
<linearGradient :id="'wireGrad-' + w.id" gradientUnits="userSpaceOnUse"
:x1="getConnectionPointWorldPos(getInstance(w.a.instId)!, w.a.cpIndex).x"
:y1="getConnectionPointWorldPos(getInstance(w.a.instId)!, w.a.cpIndex).y"
:x2="getConnectionPointWorldPos(getInstance(w.b.instId)!, w.b.cpIndex).x"
:y2="getConnectionPointWorldPos(getInstance(w.b.instId)!, w.b.cpIndex).y">
<stop offset="0%" stop-color="#f3f4f6" />
<stop offset="100%" stop-color="#6b7280" />
</linearGradient>
</template>
</defs>
<g>
<!-- 分层导线：底层暗色，顶层渐变高光，圆角端点，更有质感 -->
<g v-for="w in wires" :key="w.id" class="wire-group" filter="url(#wireShadow)"
<g v-for="w in wires" :key="w.id" class="wire-group"
@click.stop="(e) => removeWire(w.id, e)">
<line class="wire-base" :x1="getConnectionPointWorldPos(getInstance(w.a.instId)!, w.a.cpIndex).x"
:y1="getConnectionPointWorldPos(getInstance(w.a.instId)!, w.a.cpIndex).y"
:x2="getConnectionPointWorldPos(getInstance(w.b.instId)!, w.b.cpIndex).x"
:y2="getConnectionPointWorldPos(getInstance(w.b.instId)!, w.b.cpIndex).y" stroke-linecap="round"
vector-effect="non-scaling-stroke" />
<line class="wire-highlight" :x1="getConnectionPointWorldPos(getInstance(w.a.instId)!, w.a.cpIndex).x"
:y1="getConnectionPointWorldPos(getInstance(w.a.instId)!, w.a.cpIndex).y"
:x2="getConnectionPointWorldPos(getInstance(w.b.instId)!, w.b.cpIndex).x"
:y2="getConnectionPointWorldPos(getInstance(w.b.instId)!, w.b.cpIndex).y"
:stroke="'url(#wireGrad-' + w.id + ')'" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</g>
<!-- 预览线：当选中一个端点时，显示到鼠标或吸附端点的线 -->

8
src/components/PalettePanel.vue
View File

@ -1,8 +0,0 @@
<script setup lang="ts">
import { elements, type CircuitElement, type Preset } from '../elements'
// 1) 左侧面板元件清单（显式导入）
type PaletteItem = CircuitElement
const palette: PaletteItem[] = [...elements]
</script>