diff --git a/localization/locales/en/translation.json b/localization/locales/en/translation.json index 274fc294..e8f6bf1a 100644 --- a/localization/locales/en/translation.json +++ b/localization/locales/en/translation.json @@ -467,6 +467,11 @@ "Alternatives": "Alternatives", "Description": "Clicking the \"Open\" button will open the page in a new window. The page needs to be loaded from the Internet for the first time (5s - 1min), so it is not available when the network is disconnected. \nYou can modify the content of the opened page at will as a sandbox playground to try out the learned features. If you want to save the modified results, you can click Tiddlywiki's save button to save it as a single-page wiki in HTML format.", "List": "Helps List", - "Contribute": "Contribute to this site" + "Contribute": "Contribute to this site", + "Tags": { + "Docs": "Docs", + "FAQ": "FAQ", + "Intro": "Intro" + } } } diff --git a/localization/locales/zh_CN/translation.json b/localization/locales/zh_CN/translation.json index 7c4843e3..ff8ac391 100644 --- a/localization/locales/zh_CN/translation.json +++ b/localization/locales/zh_CN/translation.json @@ -467,6 +467,11 @@ "Alternatives": "其它源", "Description": "点击「打开」按钮会在新窗口打开页面,页面初次打开需要5秒到1分钟时间从互联网加载,断网不可用。你可以随意修改打开的页面的内容,作为沙箱游乐场随意尝试学到的功能,如果想保存修改的结果,可以点击太微的保存按钮,保存为HTML格式的单页面维基。", "List": "帮助列表", - "Contribute": "向此网站贡献内容" + "Contribute": "向此网站贡献内容", + "Tags": { + "Intro": "入门", + "FAQ": "答疑", + "Docs": "文档" + } } } diff --git a/src/pages/Help/HelpWebsiteItem.tsx b/src/pages/Help/HelpWebsiteItem.tsx index 77c847ba..891a2eaa 100644 --- a/src/pages/Help/HelpWebsiteItem.tsx +++ b/src/pages/Help/HelpWebsiteItem.tsx @@ -4,7 +4,7 @@ import AccessibilityNewIcon from '@mui/icons-material/AccessibilityNew'; import AltRouteIcon from '@mui/icons-material/AltRoute'; import OpenInBrowserIcon from '@mui/icons-material/OpenInBrowser'; import OpenInNewIcon from '@mui/icons-material/OpenInNew'; -import { Button, Card, CardActions, CardContent, ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material'; +import { Button, Card, CardActions, CardContent, Chip, ListItemIcon, ListItemText, Menu, MenuItem, Typography } from '@mui/material'; import { WindowNames } from '@services/windows/WindowProperties'; import React, { useState } from 'react'; import { useTranslation } from 'react-i18next'; @@ -46,8 +46,9 @@ export const HelpWebsiteItem: React.FC = ({ item }) => { return ( -

{item.title}

-

{item.description}

+ {item.title} + {item.description} + {item.tags.map((tag) => )}