xiaji/diary-news
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 已生成的评论不再显示徽章,回归简洁(只剩标题和内容)
- 失败/生成中徽章保留(红/灰,辨识度需要)
- .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
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/views/ArticleDetail.vue
View File

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

14
frontend/src/views/Feed.vue
View File

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