wangjunxiao/tianshu-engine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: move delete button to left side of NodeEditor header

Browse Source
This commit is contained in:
cocos02
2026-06-16 17:35:00 +08:00
parent a40cc8874a
commit 7e896d53b8
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
editor/components/NodeEditor.vue
View File

@@ -57,12 +57,15 @@ function onBlur() {
<Transition name="slide-right">
<div v-if="!store.nodeEditorCollapsed" class="ne-expanded">
<div class="editor-header">
<h3>{{ scene ? scene.id : '全局配置' }}<span v-if="!scene && store.aiChanges?.globalFields?.length" class="global-diff-tag" :title="store.aiChanges.globalFields.join(', ')">● 已修改 {{ store.aiChanges.globalFields.length }} 字段</span></h3>
<div class="header-left">
<h3>{{ scene ? scene.id : '全局配置' }}</h3>
<button v-if="scene" class="icon-btn danger" @click="emit('deleteScene', scene.id)" title="删除场景">🗑</button>
<span v-if="!scene && store.aiChanges?.globalFields?.length" class="global-diff-tag" :title="store.aiChanges.globalFields.join(', ')">● 已修改 {{ store.aiChanges.globalFields.length }} 字段</span>
</div>
<div class="header-actions">
<span v-if="saved" class="saved-hint">已保存</span>
<span v-if="errorMsg" class="error-hint">JSON 错误: {{ errorMsg }}</span>
<button class="icon-btn" @click="store.nodeEditorCollapsed = true" title="折叠">▶</button>
<button v-if="scene" class="icon-btn danger" @click="emit('deleteScene', scene.id)" title="删除场景">🗑</button>
</div>
</div>
@@ -165,6 +168,13 @@ function onBlur() {
color: #ddd;
}
.header-left {
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
}
.header-actions {
display: flex;
align-items: center;