short-drama-agent/short-drama-agent-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 将工作区操作移入标签页后缀并增强浅色分隔线

Browse Source
This commit is contained in:
GouJ
2026-09-02 09:49:22 +08:00
parent 2ddd9b8009
commit 4229426339
10 changed files with 112 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/create-drama/CreateDramaPage.vue
+19 -17
View File
@@ -115,26 +115,28 @@ function exportScript() {
class="mt-4"
></NProgress>
<div class="script-section">
<div class="flex flex-wrap items-center justify-between gap-3">
<NTabs v-model:value="tab" type="line" size="small" aria-label="剧本内容"
<div class="tabs-toolbar">
<NTabs v-model:value="tab" class="workspace-tabs" type="line" size="small" aria-label="剧本内容"
><NTab name="episodes"
>剧集正文 <span>{{ episodes.length }}</span></NTab
><NTab name="characters">角色设定</NTab><NTab name="world">世界观</NTab
><NTab name="review">审核记录</NTab></NTabs
>
<div class="flex items-center gap-3">
<NButton text size="small" :aria-expanded="showHistory" @click="showHistory = !showHistory"
><History :size="14" />{{ showHistory ? '收起执行记录' : '执行记录' }}</NButton
>
<NButton :disabled="!episodes.length" @click="exportScript" text size="small"
><Download :size="14" />导出剧本</NButton
><RouterLink
v-if="complete"
class="text-button text-accent"
:to="`/projects/${project?.id}/breakdown`"
>进入拆解<ArrowRight :size="14"
/></RouterLink>
</div>
><NTab name="review">审核记录</NTab>
<template #suffix>
<div class="tabs-toolbar-actions">
<NButton text size="small" :aria-expanded="showHistory" @click="showHistory = !showHistory"
><History :size="14" />{{ showHistory ? '收起执行记录' : '执行记录' }}</NButton
>
<NButton :disabled="!episodes.length" @click="exportScript" text size="small"
><Download :size="14" />导出剧本</NButton
><RouterLink
v-if="complete"
class="text-button text-accent"
:to="`/projects/${project?.id}/breakdown`"
>进入拆解<ArrowRight :size="14"
/></RouterLink>
</div>
</template>
</NTabs>
</div>
<div class="content-with-history panel mt-4" :class="{ 'history-hidden': !showHistory }">
<main class="min-w-0">