juluo/fuwari
1
0
Fork 0
mirror of https://github.com/afoim/fuwari.git synced 2026-01-31 00:53:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(通知组件): 本地化新文章通知的标签和按钮文本

Browse Source 
将通知组件中的 "Updated"、"New" 和 "View Changes" 标签本地化为中文 "更新"、"新文章" 和 "查看变更"。同时，在差异对比视图中添加了 "变更前" 和 "变更后" 的表头，以提升中文用户的理解和体验。
This commit is contained in:
二叉树树
2026-01-26 16:58:03 +08:00
parent 99f1c06623
commit 62b1bd345e
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/widget/NewPostNotification.astro
View File

@@ -224,8 +224,8 @@
newPosts.forEach(post => {
const isUpdated = post.isUpdated;
const badge = isUpdated
? '<span class="text-xs bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 px-1.5 py-0.5 rounded ml-2">Updated</span>'
: '<span class="text-xs bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 px-1.5 py-0.5 rounded ml-2">New</span>';
? '<span class="text-xs bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 px-1.5 py-0.5 rounded ml-2">更新</span>'
: '<span class="text-xs bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 px-1.5 py-0.5 rounded ml-2">新文章</span>';
// Generate Diff View button if updated
let diffButton = '';
@@ -234,7 +234,7 @@
if (isUpdated && post.diff) {
diffButton = `
<button onclick="window.toggleDiff('${safeId}')" class="ml-auto text-xs text-[var(--primary)] hover:underline focus:outline-none pointer-events-auto">
View Changes
查看变更
</button>`;
}
@@ -251,6 +251,10 @@
</div>
${isUpdated && post.diff ? `
<div id="${safeId}" class="hidden mt-2 p-2 bg-gray-50 dark:bg-gray-800 rounded text-xs overflow-x-auto border border-gray-200 dark:border-gray-700 max-h-60 overflow-y-auto">
<div class="grid grid-cols-2 gap-2 mb-2 sticky top-0 bg-gray-50 dark:bg-gray-800 z-10">
<div class="text-center font-bold text-red-600 dark:text-red-400 border-b border-red-200 dark:border-red-900/50 pb-1">变更前</div>
<div class="text-center font-bold text-green-600 dark:text-green-400 border-b border-green-200 dark:border-green-900/50 pb-1">变更后</div>
</div>
${post.diff.map(part => {
const colorClass = part.added ? 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300 block my-1 p-1 rounded break-all whitespace-pre-wrap' :
part.removed ? 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300 block my-1 p-1 rounded break-all whitespace-pre-wrap' :