sion/sionrui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 功能

Browse Source
This commit is contained in:
sion123
2025-12-28 13:49:45 +08:00
parent 36195ea55a
commit bbf8093ca3
25 changed files with 1046 additions and 1970 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/app/web-gold/src/views/content-style/Copywriting.vue
View File

@@ -544,7 +544,7 @@ defineOptions({ name: 'ContentStyleCopywriting' })
<!-- 空状态 -->
<div v-else-if="!loadingPrompts" class="prompt-empty">
<div style="color: var(--color-text-secondary); font-size: 12px; text-align: center; padding: 20px;">
<div style="color: var(--color-text-secondary); font-size: 14px; text-align: center; padding: 20px;">
您可以在视频分析页面保存风格
</div>
</div>
@@ -792,7 +792,7 @@ defineOptions({ name: 'ContentStyleCopywriting' })
.result-card {
background: var(--color-surface);
border-radius: 8px;
box-shadow: var(--shadow-inset-card);
box-shadow: var(--shadow-sm);
border: 1px solid var(--color-border);
transition: all 0.3s ease;
}
@@ -842,8 +842,8 @@ defineOptions({ name: 'ContentStyleCopywriting' })
/* 表单标签后的内联提示（不使用 emoji） */
.form-tip-inline {
margin-left: 8px;
font-size: 12px;
margin-left: var(--space-2);
font-size: 14px;
color: var(--color-text-secondary);
font-weight: 400;
}
@@ -932,7 +932,7 @@ defineOptions({ name: 'ContentStyleCopywriting' })
}
:deep(.ant-slider-rail) {
background-color: #252525; /* 未选中轨道更深，增强对比 */
background-color: var(--color-slate-200);
height: 4px;
}
@@ -973,13 +973,13 @@ defineOptions({ name: 'ContentStyleCopywriting' })
.empty-title {
font-size: 16px;
font-weight: 600;
color: #374151;
margin-bottom: 8px;
color: var(--color-text);
margin-bottom: var(--space-2);
}
.empty-desc {
font-size: 14px;
color: #6b7280;
color: var(--color-text-secondary);
line-height: 1.6;
max-width: 300px;
margin: 0 auto;
@@ -1034,7 +1034,7 @@ defineOptions({ name: 'ContentStyleCopywriting' })
.save-btn:hover {
background: var(--color-primary);
filter: brightness(1.04);
box-shadow: var(--glow-primary);
box-shadow: var(--shadow-blue);
}
.cancel-btn {
@@ -1048,14 +1048,14 @@ defineOptions({ name: 'ContentStyleCopywriting' })
}
.generated-content {
padding: 24px;
background: #111111;
border-radius: 8px;
padding: var(--space-6);
background: var(--color-surface);
border-radius: var(--radius-card);
border: 1px solid var(--color-border);
line-height: 1.9;
color: #f5f5f5;
color: var(--color-text);
min-height: 400px;
font-size: 15.5px;
font-size: 15px;
white-space: pre-wrap;
word-break: break-word;
-webkit-font-smoothing: antialiased;
@@ -1065,33 +1065,33 @@ defineOptions({ name: 'ContentStyleCopywriting' })
.generated-content :deep(h1) {
font-size: 22px;
font-weight: 600;
margin-bottom: 16px;
color: #ffffff;
padding-bottom: 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: var(--space-4);
color: var(--color-text);
padding-bottom: var(--space-2);
border-bottom: 1px solid var(--color-border);
}
.generated-content :deep(h2) {
font-size: 19px;
font-weight: 600;
margin: 22px 0 12px 0;
color: #fff;
color: var(--color-text);
padding-bottom: 6px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 1px solid var(--color-border);
}
.generated-content :deep(h3) {
font-size: 16px;
font-weight: 600;
margin: 18px 0 10px 0;
color: #efefef;
color: var(--color-text);
}
.generated-content :deep(p) {
margin: 12px 0 14px 0;
color: #e3e6ea;
color: var(--color-text);
line-height: 1.9;
font-size: 15.5px;
font-size: 15px;
}
.generated-content :deep(ul),
@@ -1102,50 +1102,50 @@ defineOptions({ name: 'ContentStyleCopywriting' })
.generated-content :deep(li) {
margin: 6px 0;
color: #e3e6ea;
color: var(--color-text);
line-height: 1.9;
font-size: 15.5px;
font-size: 15px;
}
.generated-content :deep(strong) {
font-weight: 600;
color: #ffffff;
color: var(--color-text);
}
.generated-content :deep(code) {
background: #0b0b0b;
background: var(--color-slate-100);
padding: 3px 8px;
border-radius: 4px;
font-family: 'Courier New', monospace;
font-size: 13.5px;
color: #ffb86c;
border: 1px solid rgba(255, 255, 255, 0.12);
color: var(--color-red-500);
border: 1px solid var(--color-border);
}
.generated-content :deep(pre) {
background: #0b0b0b;
background: var(--color-slate-100);
padding: 16px 18px;
border-radius: 6px;
overflow-x: auto;
margin: 12px 0;
border: 1px solid rgba(255, 255, 255, 0.12);
border: 1px solid var(--color-border);
}
.generated-content :deep(pre code) {
background: transparent;
padding: 0;
border: none;
color: #ffb86c;
color: var(--color-red-500);
}
.generated-content :deep(blockquote) {
margin: 16px 0;
padding: 12px 16px;
background: rgba(22, 119, 255, 0.12);
background: rgba(59, 130, 246, 0.08);
border-left: 4px solid var(--color-primary);
border-radius: 0 6px 6px 0;
font-style: italic;
color: #e3e6ea;
color: var(--color-text);
}
/* 提示词标签样式 */

8
frontend/app/web-gold/src/views/content-style/components/BenchmarkForm.vue
View File

@@ -81,13 +81,13 @@ function handleReset() {
}
.form-hint {
margin-top: 6px;
font-size: 12px;
margin-top: var(--space-1);
font-size: 14px;
color: var(--color-text-secondary);
}
:deep(.ant-input), :deep(.ant-input-affix-wrapper), :deep(textarea) {
background: #0f0f0f;
background: var(--color-surface);
border-color: var(--color-border);
}
@@ -105,7 +105,7 @@ function handleReset() {
}
:deep(.ant-slider-rail) {
background-color: #252525;
background-color: var(--color-slate-200);
height: 4px;
}

38
frontend/app/web-gold/src/views/content-style/components/ExpandedRowContent.vue
View File

@@ -103,10 +103,10 @@ function handleCreateContent() {
<style scoped>
.expanded-content {
padding: 16px;
background: #161616;
border-radius: 6px;
margin: 8px 0;
padding: var(--space-4);
background: var(--color-slate-50);
border-radius: var(--radius-card);
margin: var(--space-2) 0;
}
.two-col {
@@ -126,21 +126,21 @@ function handleCreateContent() {
white-space: pre-wrap;
line-height: 1.6;
color: var(--color-text-secondary);
background: #0d0d0d;
background: var(--color-surface);
border: 1px dashed var(--color-border);
border-radius: 6px;
padding: 10px;
border-radius: var(--radius-card);
padding: var(--space-2);
}
.sub-title {
font-size: 14px;
font-size: 16px;
font-weight: 600;
color: var(--color-text);
margin-bottom: 8px;
margin-bottom: var(--space-2);
}
.no-transcript {
font-size: 12px;
font-size: 14px;
color: var(--color-text-secondary);
}
@@ -148,27 +148,27 @@ function handleCreateContent() {
min-height: 200px;
max-height: 500px;
overflow-y: auto;
background: #0d0d0d;
background: var(--color-surface);
border: 1px dashed var(--color-border);
border-radius: 6px;
padding: 12px;
margin-bottom: 8px;
border-radius: var(--radius-card);
padding: var(--space-3);
margin-bottom: var(--space-2);
}
.no-prompt {
padding: 16px;
padding: var(--space-4);
text-align: center;
color: var(--color-text-secondary);
}
.right-actions {
margin-top: 8px;
margin-top: var(--space-2);
}
.copy-btn {
display: inline-flex;
align-items: center;
gap: 4px;
gap: var(--space-1);
color: var(--color-primary);
cursor: pointer;
}
@@ -179,7 +179,7 @@ function handleCreateContent() {
.no-analysis-tip {
padding: 40px 20px;
padding: var(--space-8) var(--space-5);
text-align: center;
}
@@ -189,7 +189,7 @@ function handleCreateContent() {
.no-analysis-tip :deep(.ant-empty-description) {
color: var(--color-text-secondary);
margin-bottom: 16px;
margin-bottom: var(--space-4);
}
</style>