let5see/ai-write
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 将范式润色和对照检查改为左中右布局

Browse Source 
- App.vue: compare 和 rewrite 页面纳入持久化布局
- ArticleRewritePanel: 移除返回按钮，适配 flex-1 布局
- ComparePanel: 移除返回按钮，适配 flex-1 布局
- MainContent: 对这两个页面不渲染（它们有自己的内部布局）
This commit is contained in:
empty
2026-01-11 22:37:07 +08:00
parent 81b88bde90
commit 56c851a715
3 changed files with 16 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ArticleRewritePanel.vue
View File

@@ -1,19 +1,13 @@
<template>
<div class="h-screen w-full flex flex-col bg-slate-900">
<div class="flex-1 flex flex-col bg-slate-900 h-full overflow-hidden">
<!-- 头部 -->
<header class="p-4 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
<div class="flex items-center gap-4">
<h1 class="font-bold text-lg text-white flex items-center gap-2">
<span class="text-2xl">🎨</span> 范式润色
<header class="p-3 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
<div class="flex items-center gap-3">
<h1 class="font-bold text-white flex items-center gap-2">
<span class="text-xl">🎨</span> 范式润色
</h1>
<span class="text-xs text-slate-500">基于范式规则检查并重写文章句子</span>
</div>
<button
@click="goBack"
class="text-xs px-3 py-1.5 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
>
← 返回写作
</button>
</header>
<!-- 范式选择条 -->

16
src/components/ComparePanel.vue
View File

@@ -1,19 +1,13 @@
<template>
<div class="h-screen w-full flex flex-col bg-slate-900">
<div class="flex-1 flex flex-col bg-slate-900 h-full overflow-hidden">
<!-- 头部 -->
<header class="p-4 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
<div class="flex items-center gap-4">
<h1 class="font-bold text-lg text-white flex items-center gap-2">
<span class="text-2xl">🔍</span> 对照检查
<header class="p-3 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
<div class="flex items-center gap-3">
<h1 class="font-bold text-white flex items-center gap-2">
<span class="text-xl">🔍</span> 对照检查
</h1>
<span class="text-xs text-slate-500">选中左右两侧对应段落进行检查</span>
</div>
<button
@click="goBack"
class="text-xs px-3 py-1.5 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
>
← 返回写作
</button>
</header>
<!-- 范式上下文提示条 -->