style(ui): 移除 ok 状态的'已生成'绿色徽章

- 已生成的评论不再显示徽章,回归简洁(只剩标题和内容)
- 失败/生成中徽章保留(红/灰,辨识度需要)
- .commentary-badge-ok 样式移除
This commit is contained in:
xiaji
2026-06-12 23:48:52 +08:00
parent ddf2bc98e0
commit 0df6e79e56
2 changed files with 8 additions and 16 deletions

View File

@@ -283,11 +283,12 @@ onMounted(load)
</template> </template>
<template #header-extra> <template #header-extra>
<span <span
v-if="angelState !== 'ok'"
class="commentary-badge" class="commentary-badge"
:class="`commentary-badge-${angelState}`" :class="`commentary-badge-${angelState}`"
> >
<span v-if="angelState === 'waiting'" class="commentary-spinner" /> <span v-if="angelState === 'waiting'" class="commentary-spinner" />
{{ angelState === 'ok' ? '已生成' : angelState === 'failed' ? '失败' : '生成中' }} {{ angelState === 'failed' ? '失败' : '生成中' }}
</span> </span>
</template> </template>
<div <div
@@ -321,11 +322,12 @@ onMounted(load)
</template> </template>
<template #header-extra> <template #header-extra>
<span <span
v-if="meituanState !== 'ok'"
class="commentary-badge" class="commentary-badge"
:class="`commentary-badge-${meituanState}`" :class="`commentary-badge-${meituanState}`"
> >
<span v-if="meituanState === 'waiting'" class="commentary-spinner" /> <span v-if="meituanState === 'waiting'" class="commentary-spinner" />
{{ meituanState === 'ok' ? '已生成' : meituanState === 'failed' ? '失败' : '生成中' }} {{ meituanState === 'failed' ? '失败' : '生成中' }}
</span> </span>
</template> </template>
<div <div
@@ -496,10 +498,6 @@ onMounted(load)
font-weight: 600; font-weight: 600;
line-height: 1.5; line-height: 1.5;
} }
.commentary-badge-ok {
background: #d1fae5;
color: #065f46;
}
.commentary-badge-waiting { .commentary-badge-waiting {
background: #e2e8f0; background: #e2e8f0;
color: #334155; color: #334155;

View File

@@ -250,6 +250,7 @@ onMounted(async () => {
<div class="commentary-head"> <div class="commentary-head">
<span class="commentary-label">💬 Angel 评论</span> <span class="commentary-label">💬 Angel 评论</span>
<span <span
v-if="commentaryState(a.commentary_status, a.commentary) !== 'ok'"
class="commentary-badge" class="commentary-badge"
:class="`commentary-badge-${commentaryState(a.commentary_status, a.commentary)}`" :class="`commentary-badge-${commentaryState(a.commentary_status, a.commentary)}`"
> >
@@ -258,9 +259,7 @@ onMounted(async () => {
class="commentary-spinner" class="commentary-spinner"
/> />
{{ {{
commentaryState(a.commentary_status, a.commentary) === 'ok' ? '生成' commentaryState(a.commentary_status, a.commentary) === 'failed' ? '失败' : '生成'
: commentaryState(a.commentary_status, a.commentary) === 'failed' ? '失败'
: '生成中'
}} }}
</span> </span>
</div> </div>
@@ -287,6 +286,7 @@ onMounted(async () => {
<div class="commentary-head"> <div class="commentary-head">
<span class="commentary-label commentary-label-meituan">🐱 美团评论</span> <span class="commentary-label commentary-label-meituan">🐱 美团评论</span>
<span <span
v-if="commentaryState(a.commentary_meituan_status, a.commentary_meituan) !== 'ok'"
class="commentary-badge" class="commentary-badge"
:class="`commentary-badge-${commentaryState(a.commentary_meituan_status, a.commentary_meituan)}`" :class="`commentary-badge-${commentaryState(a.commentary_meituan_status, a.commentary_meituan)}`"
> >
@@ -295,9 +295,7 @@ onMounted(async () => {
class="commentary-spinner" class="commentary-spinner"
/> />
{{ {{
commentaryState(a.commentary_meituan_status, a.commentary_meituan) === 'ok' ? '生成' commentaryState(a.commentary_meituan_status, a.commentary_meituan) === 'failed' ? '失败' : '生成'
: commentaryState(a.commentary_meituan_status, a.commentary_meituan) === 'failed' ? '失败'
: '生成中'
}} }}
</span> </span>
</div> </div>
@@ -435,10 +433,6 @@ onMounted(async () => {
font-weight: 600; font-weight: 600;
line-height: 1.4; line-height: 1.4;
} }
.commentary-badge-ok {
background: #d1fae5;
color: #065f46;
}
.commentary-badge-waiting { .commentary-badge-waiting {
background: #e2e8f0; background: #e2e8f0;
color: #334155; color: #334155;