【更新】文档不正确的文本 (#176)

tdesign-blazor · Dec 4, 2022 · 47c9b34 · 47c9b34
2 parents 56f56ed + e5aaeea
commit 47c9b34
Show file tree

Hide file tree

Showing 53 changed files with 75 additions and 2,086 deletions.
diff --git a/TDesign.sln b/TDesign.sln
@@ -30,16 +30,6 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "workflow", "workflow", "{FE
 		.github\workflows\pull-request.yml = .github\workflows\pull-request.yml
 	EndProjectSection
 EndProject
-Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Script", "Script", "{832AE280-8131-44FD-BD2B-99ADE978AB07}"
-	ProjectSection(SolutionItems) = preProject
-		scripts\tsconfig.json = scripts\tsconfig.json
-	EndProjectSection
-EndProject
-Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "src", "src", "{8AEE5C5F-4CC7-4A4D-B04C-8F8F7BB6A270}"
-	ProjectSection(SolutionItems) = preProject
-		scripts\src\popup.ts = scripts\src\popup.ts
-	EndProjectSection
-EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -77,7 +67,6 @@ Global
 		{78D4C3FA-D3CB-430A-9903-24D22B03CAF6} = {42986F5C-3389-494B-8E72-A2A3CE808EBA}
 		{231C5268-E45C-4465-81A4-7A84B1DAC589} = {42986F5C-3389-494B-8E72-A2A3CE808EBA}
 		{FEABD8B3-4FD3-4159-8EC0-2050BF60CE41} = {13ED86A3-CF19-4A3E-9A7C-B463221D6D1F}
-		{8AEE5C5F-4CC7-4A4D-B04C-8F8F7BB6A270} = {832AE280-8131-44FD-BD2B-99ADE978AB07}
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
 		SolutionGuid = {1BAFEEB6-A6C0-47DF-B99A-F1CB9F181D62}

diff --git a/asset/favicon.ico b/asset/favicon.ico
diff --git a/asset/tdesign-blazor-banner.png b/asset/tdesign-blazor-banner.png
diff --git a/asset/tdesign-blazor-logo.png b/asset/tdesign-blazor-logo.png
diff --git a/asset/tdesign-blazor.jpg b/asset/tdesign-blazor.jpg
diff --git a/doc/TDesign.Docs.ServerSide/Pages/_Layout.cshtml b/doc/TDesign.Docs.ServerSide/Pages/_Layout.cshtml
@@ -10,8 +10,8 @@
     <base href="~/" />
     <link rel="stylesheet" href="_content/TDesign/tdesign-blazor.css" />
     <link rel="stylesheet" href="_content/TDesign.Docs.Shared/app.css" />
-    <link rel="shortcut icon" href="favicon.png" />
-    <title>TDesign</title>
+    <link rel="shortcut icon" href="favicon.ico" />
+    <title>TDsign for Blazor - 开源级企业级设计体系</title>
 
     <style>
 

diff --git a/doc/TDesign.Docs.ServerSide/wwwroot/favicon.ico b/doc/TDesign.Docs.ServerSide/wwwroot/favicon.ico
diff --git a/...esign.Docs.ServerSide/wwwroot/favicon.png → doc/TDesign.Docs.ServerSide/wwwroot/logo.png b/...esign.Docs.ServerSide/wwwroot/favicon.png → doc/TDesign.Docs.ServerSide/wwwroot/logo.png
diff --git a/doc/TDesign.Docs.ServerSide/wwwroot/tdesign-blazor-banner.png b/doc/TDesign.Docs.ServerSide/wwwroot/tdesign-blazor-banner.png
diff --git a/doc/TDesign.Docs.Shared/Components/PageHeader.razor b/doc/TDesign.Docs.Shared/Components/PageHeader.razor
@@ -4,7 +4,7 @@
     <p>@ChildContent</p>
 }
 <TDivider/>
-<PageTitle>TDesign - @Title</PageTitle>
+<PageTitle>@Title | TDesign for Blazor</PageTitle>
 @code {
     [Parameter]public string Title{ get; set; }
     [Parameter]public RenderFragment ChildContent{ get; set; }

diff --git a/doc/TDesign.Docs.Shared/Layouts/MainLayout.razor b/doc/TDesign.Docs.Shared/Layouts/MainLayout.razor
@@ -10,7 +10,7 @@
             </LogoContent>
             <OperationContent>
                 <a href="https://tdesign.tencent.com/" title="官网" target="_blank" style="text-decoration:none">
-                    <img src="favicon.png" class="t-menu__operations-icon" style="width: 40px;height: 40px;display: flex;align-content: center;justify-content: center;align-items: center;padding: 8px;flex-wrap: nowrap;" />
+                    <img src="logo.png" class="t-menu__operations-icon" style="width: 40px;height: 40px;display: flex;align-content: center;justify-content: center;align-items: center;padding: 8px;flex-wrap: nowrap;" />
                 </a>
                 <a href="https://github.com/AchievedOwner/TDesign" title="源码" target="_blank" style="text-decoration:none">
                     <TIcon Name="IconName.LogoGithubFilled" style="display: flex;align-content: center;justify-content: center;align-items: center;flex-wrap: nowrap;font-size: 30px;color: black;" />

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/AlertPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/AlertPage.razor
@@ -1,5 +1,5 @@
 @page "/components/alert"
-<PageHeader Title="TAlert 警告消息">
+<PageHeader Title="Alert 警告消息">
     警告条用于承载需要用户注意的信息。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/AvatarPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/AvatarPage.razor
@@ -1,6 +1,6 @@
 @page "/components/avatar"
 
-<PageHeader Title="TAvatar 头像">
+<PageHeader Title="Avatar 头像">
     用图标、图片、字符的形式展示用户或事物信息
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/BadgePage.razor b/doc/TDesign.Docs.Shared/Pages/Components/BadgePage.razor
@@ -1,6 +1,6 @@
 @page "/components/badge"
 
-<PageHeader Title="TBadge 徽标">
+<PageHeader Title="Badge 徽标">
     出现在图标或文字右上角的徽标标识。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/BreadcrumbPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/BreadcrumbPage.razor
@@ -1,5 +1,5 @@
 @page "/components/breadcrumb"
-<PageHeader Title="TBreadcrumb 面包屑">
+<PageHeader Title="Breadcrumb 面包屑">
     显示当前页面在系统层级结构的位置，并能返回之前任意层级的页面。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/ButtonPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/ButtonPage.razor
@@ -1,6 +1,6 @@
 @page "/components/button"
 
-<PageHeader Title="TButton 按钮">
+<PageHeader Title="Button 按钮">
     按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/CardPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/CardPage.razor
@@ -1,5 +1,5 @@
 @page "/components/card"
-<PageHeader Title="TCard 卡片">最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。</PageHeader>
+<PageHeader Title="Card 卡片">最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。</PageHeader>
 
 <Example Title="极简卡片">
     <Description>仅有内容的卡片形式。</Description>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/CollapsePage.razor b/doc/TDesign.Docs.Shared/Pages/Components/CollapsePage.razor
@@ -1,6 +1,6 @@
 @page "/components/collapse"
 
-<PageHeader Title="TCollapse 折叠面板">可以将较多或较复杂的内容进行分组，分组内容区可以折叠展开或隐藏。</PageHeader>
+<PageHeader Title="Collapse 折叠面板">可以将较多或较复杂的内容进行分组，分组内容区可以折叠展开或隐藏。</PageHeader>
 
 <Example Title="基础折叠面板">
     <Description>基础折叠面板，可自定义面板内容。</Description>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/DialogPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/DialogPage.razor
@@ -1,5 +1,5 @@
 @page "/components/dialog"
-<PageHeader Title="TDialog 对话框">
+<PageHeader Title="Dialog 对话框">
     对话框是一种临时窗口，通常在不想中断整体任务流程，但又需要为用户展示信息或获得用户响应时，在页面中打开一个对话框承载相应的信息及操作。
 </PageHeader>
 <HighlightAlert/>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/DividerPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/DividerPage.razor
@@ -1,6 +1,6 @@
 @page "/components/divider"
 
-<PageHeader Title="分割线">  
+<PageHeader Title="Divider 分割线">  
     分割线是一个呈线状的轻量化组件，起到分割、组织、细化的作用，用于有逻辑的组织元素内容和页面结构。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/FormPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/FormPage.razor
@@ -1,6 +1,6 @@
 @page "/components/form"
 
-<PageHeader Title="TForm 表单">
+<PageHeader Title="Form 表单">
     用以收集、校验和提交数据，一般由输入框、单选框、复选框、选择器等控件组成。
 </PageHeader>
 <HighlightAlert/>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/IconPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/IconPage.razor
@@ -1,7 +1,7 @@
 @page "/components/icon"
 
-<PageHeader Title="TIcon 图标">
-    TIcon 作为UI构成中重要的元素，一定程度上影响UI界面整体呈现出的风格。
+<PageHeader Title="Icon 图标">
+    Icon 作为UI构成中重要的元素，一定程度上影响UI界面整体呈现出的风格。
 </PageHeader>
 <TAlert Theme="Theme.Primary">
     使用枚举 <code>IconName</code> 可以获取目前已有的图标名称，或使用字符串自定义图标名称。图标预览看这里 <TLink Hover="LinkHover.Underline" Theme="Theme.Primary" Href="https://tdesign.tencent.com/vue/components/icon" target="_blank">https://tdesign.tencent.com/vue/components/icon</TLink>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/ImagePage.razor b/doc/TDesign.Docs.Shared/Pages/Components/ImagePage.razor
@@ -1,5 +1,5 @@
 @page "/components/image"
-<PageHeader Title="TImage 图片">
+<PageHeader Title="Image 图片">
     用于展示图片素材。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/InputRadioPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/InputRadioPage.razor
@@ -1,5 +1,5 @@
 @page "/components/radio"
-<PageHeader Title="TInputRadio 单选框">
+<PageHeader Title="InputRadio 单选框">
     单选框代表从一组互斥的选项中仅选择一个选项。
 </PageHeader>
 <HighlightAlert/>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/InputTextPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/InputTextPage.razor
@@ -1,5 +1,5 @@
 @page "/components/input"
-<PageHeader Title="TInputText 输入框">
+<PageHeader Title="InputText 输入框">
     用于承载用户信息录入的文本框，常用于表单、对话框等场景，对不同内容的信息录入，可拓展形成多种信息录入形式。
 </PageHeader>
 <HighlightAlert/>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/LayoutPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/LayoutPage.razor
@@ -1,6 +1,6 @@
 @page "/components/layout"
 
-<PageHeader Title="TLayout 布局">用于组织网页的框架结构。</PageHeader>
+<PageHeader Title="Layout 布局">用于组织网页的框架结构。</PageHeader>
 
 <Example Title="基本用法">
     <Description>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/LinkPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/LinkPage.razor
@@ -1,6 +1,6 @@
 @page "/components/link"
 
-<PageHeader Title="TLink 链接">
+<PageHeader Title="Link 链接">
     文字超链接用于跳转一个新页面，如当前项目跳转，友情链接等。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/ListPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/ListPage.razor
@@ -1,5 +1,5 @@
 @page "/components/list"
-<PageHeader Title="TList 列表">
+<PageHeader Title="List 列表">
     列表用一个连续的列来显示多行元素，常用于具有相同构成及内容的模块批量展示，可承载多样化的信息内容，从纯文字到复杂的图文组合。
 </PageHeader>
 <Example Title="示例" RunStyle="@Code.BgRun">

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/LoadingPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/LoadingPage.razor
@@ -1,6 +1,6 @@
 @page "/components/loading"
 
-<PageHeader Title="TLoading 加载中">在网络较慢或数据较多时，表示数据正在加载的状态。</PageHeader>
+<PageHeader Title="Loading 加载中">在网络较慢或数据较多时，表示数据正在加载的状态。</PageHeader>
 <TAlert Theme="Theme.Warning">支持双向绑定</TAlert>
 <Example Title="图标加载">
     <Description>加载过程中只有图标显示。适用于打开页面或操作完成后模块内等待刷新的加载场景。</Description>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/MenuPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/MenuPage.razor
@@ -1,5 +1,5 @@
 @page "/components/menu"
-<PageHeader Title="TMenu 导航菜单">
+<PageHeader Title="Menu 导航菜单">
     用于承载网站的架构，并提供跳转的菜单列表。
 </PageHeader>
 <h1>顶部导航</h1>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/MessagePage.razor b/doc/TDesign.Docs.Shared/Pages/Components/MessagePage.razor
@@ -1,6 +1,6 @@
 @page "/components/message"
 
-<PageHeader Title="TMessage 全局提示">
+<PageHeader Title="Message 全局提示">
     对用户的操作作出轻量的全局反馈。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/NotificationPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/NotificationPage.razor
@@ -1,6 +1,6 @@
 @page "/components/notification"
 
-<PageHeader Title="消息通知">
+<PageHeader Title="Notification 消息通知">
     轻量级的全局消息提示和确认机制，出现和消失时需要有缓动动画。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/PaginationPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/PaginationPage.razor
@@ -1,6 +1,6 @@
 @page "/components/pagination"
 
-<PageHeader Title="分页 Pagination">
+<PageHeader Title="Pagination 分页">
     用于模块内切换内容的控件。
 </PageHeader>
 <HighlightAlert/>

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/ProgressPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/ProgressPage.razor
@@ -1,6 +1,6 @@
 @page "/components/progress"
 
-<PageHeader Title="TProgress 进度条">展示操作的当前进度。</PageHeader>
+<PageHeader Title="Progress 进度条">展示操作的当前进度。</PageHeader>
 
 
 <Example Title="线形进度条">

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/SpacePage.razor b/doc/TDesign.Docs.Shared/Pages/Components/SpacePage.razor
@@ -1,6 +1,6 @@
 @page "/components/space"
 
-<PageHeader Title="TSpace 间距">
+<PageHeader Title="Space 间距">
     控制组件之间的间距。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/SwitchPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/SwitchPage.razor
@@ -1,5 +1,5 @@
 @page "/components/switch"
-<PageHeader Title="TSwitch 开关">
+<PageHeader Title="Switch 开关">
     用于两个互斥选项，用来打开或关闭选项的选择控件。
 </PageHeader>
 <HighlightAlert />

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/TabPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/TabPage.razor
@@ -1,6 +1,6 @@
 @page "/components/tab"
 
-<PageHeader Title="TTab 选项卡">
+<PageHeader Title="Tab 选项卡">
     用于承载同一层级下不同页面或类别的组件，方便用户在同一个页面框架下进行快速切换。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/TablePage.razor b/doc/TDesign.Docs.Shared/Pages/Components/TablePage.razor
@@ -1,5 +1,5 @@
 @page "/components/table"
-<PageHeader Title="TTable 表格">
+<PageHeader Title="Table 表格">
     表格常用于展示同类结构下的多种数据，易于组织、对比和分析等，并可对数据进行搜索、筛选、排序等操作。一般包括表头、数据行和表尾三部分。
 </PageHeader>
 

diff --git a/doc/TDesign.Docs.Shared/Pages/Components/TagPage.razor b/doc/TDesign.Docs.Shared/Pages/Components/TagPage.razor
@@ -1,5 +1,5 @@
 @page "/components/tag"
-<PageHeader Title="TTag 标签">定义：标签常用于标记、分类和选择。</PageHeader>
+<PageHeader Title="Tag 标签">标签常用于标记、分类和选择。</PageHeader>
 
 <Example Title="基础标签">
     <Description>基础标签为默认的标签样式。适用于常规表单。</Description>

diff --git a/doc/TDesign.Docs.Shared/Pages/Startup/Index.razor b/doc/TDesign.Docs.Shared/Pages/Startup/Index.razor
@@ -1,13 +1,11 @@
 @page "/"
 
-<PageHeader Title="快速开始">
-    基于 TDesign 的 Blazor 组件库
-</PageHeader>
+<img src="tdesign-blazor-banner.png"/>
 
 <h2>环境</h2>
 @Code.Create(@"
 * .NET 6
-* VS 2022
+* .NET 7
 ")
 
 <h2>安装</h2>
@@ -18,18 +16,21 @@
 ```
 ")
 
-<h3>PackageReference</h3>
-@Code.Create(@"
-```html
-<PackageReference Include=""TDesign""/>
-```
-")
-
 <h3>引入必要文件</h3>
 
 @Code.Create(@"
 ```html
-<link rel=""stylesheet"" href=""_content/TDesign/tdesign-blazor.css"" /> <!--必要样式-->
+<head>
+    ...
+    <link rel=""stylesheet"" href=""_content/TDesign/tdesign-blazor.css"" /> <!--必要样式-->
+    ...
+</head>
+
+<body>
+    ...
+    <script src=""_framework/blazor.{webassembly}|{server}.js""></script>
+    <script src=""_content/TDesign/tdesign-blazor.js""></script><!--必要的 JS-->
+</body>
 ```
 ")
 

diff --git a/doc/TDesign.Docs.Shared/wwwroot/app.css b/doc/TDesign.Docs.Shared/wwwroot/app.css
@@ -1,4 +1,5 @@
 body {
+    font-family:'Microsoft JhengHei UI'
 }
 
 code {

diff --git a/doc/TDesign.Docs.WebAssembly/wwwroot/app.css b/doc/TDesign.Docs.WebAssembly/wwwroot/app.css
@@ -0,0 +1,19 @@
+.linear-progress {
+    background: #ddd;
+    width: 50vw;
+    margin: 20px auto;
+    height: 1rem;
+    border-radius: 10rem;
+    overflow: hidden;
+    position: relative;
+}
+
+    .linear-progress:after {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: blue;
+        scale: var(--blazor-load-percentage, 0%) 100%;
+        transform-origin: left top;
+        transition: scale ease-out 0.5s;
+    }
diff --git a/doc/TDesign.Docs.WebAssembly/wwwroot/favicon.ico b/doc/TDesign.Docs.WebAssembly/wwwroot/favicon.ico
diff --git a/doc/TDesign.Docs.WebAssembly/wwwroot/favicon.png b/doc/TDesign.Docs.WebAssembly/wwwroot/favicon.png
diff --git a/doc/TDesign.Docs.WebAssembly/wwwroot/index.html b/doc/TDesign.Docs.WebAssembly/wwwroot/index.html
@@ -4,18 +4,19 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <title>TDsignBlazor</title>
+    <title>TDsign for Blazor - 开源级企业级设计体系</title>
     <base href="/" />
     <link rel="stylesheet" href="_content/TDesign/tdesign-blazor.css" />
     <link rel="stylesheet" href="_content/TDesign.Docs.Shared/app.css" />
-    <link rel="shortcut icon" href="favicon.png"/>
+    <link rel="stylesheet" href="app.css"/>
+    <link rel="shortcut icon" href="favicon.ico"/>
 </head>
 
-<body>
-    <div id="app">
-        <img src="https://user-images.githubusercontent.com/88708072/147124305-fbb74f9f-65b2-44f9-9f1c-e812ce63a547.gif" height="100%" width="100%" />
+<body style="background-color: #e9f5f1">
+    <div id="app" style="display:flex;justify-content:center;align-items:center;align-content:center;height:100vh;flex-wrap:wrap">
+        <img src="tdesign-blazor-banner.png" style="display:flex;transform:scale(0.8);width:100%" />
+        <div class="linear-progress"></div>
     </div>
     <script src="_framework/blazor.webassembly.js"></script>
-    <script src="_content/TDesign/popper.min.js"></script>
 </body>
 </html>
diff --git a/doc/TDesign.Docs.Shared/wwwroot/favicon.png → ...TDesign.Docs.WebAssembly/wwwroot/logo.png b/doc/TDesign.Docs.Shared/wwwroot/favicon.png → ...TDesign.Docs.WebAssembly/wwwroot/logo.png
diff --git a/doc/TDesign.Docs.WebAssembly/wwwroot/tdesign-blazor-banner.png b/doc/TDesign.Docs.WebAssembly/wwwroot/tdesign-blazor-banner.png
diff --git a/readme.md b/readme.md
@@ -1,14 +1,12 @@
-![TDesign](https://tdesign.gtimg.com/site/TDesign.png)
+![TDesign](./asset/tdesign-blazor-banner.png)
 
 ![TDesign](https://user-images.githubusercontent.com/88708072/147124305-fbb74f9f-65b2-44f9-9f1c-e812ce63a547.gif)
 **基于腾讯 [TDesign](https://tdesign.tencent.com/) 的 Blazor 企业级组件库**
 
 
-[![PR](https://github.com/AchievedOwner/TDesignBlazor/actions/workflows/pull-request.yml/badge.svg)](https://github.com/AchievedOwner/TDesign/actions/workflows/pull-request.yml)
 [![CodeQL](https://github.com/AchievedOwner/TDesignBlazor/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/AchievedOwner/TDesign/actions/workflows/codeql-analysis.yml)
 [![Codacy Badge](https://app.codacy.com/project/badge/Grade/b63260c20d2546f296045d746833e7e4)](https://www.codacy.com/gh/AchievedOwner/TDesignBlazor/dashboard?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=AchievedOwner/TDesignBlazor&amp;utm_campaign=Badge_Grade)
 [![Codacy Badge](https://app.codacy.com/project/badge/Coverage/b63260c20d2546f296045d746833e7e4)](https://www.codacy.com/gh/AchievedOwner/TDesignBlazor/dashboard?utm_source=github.com&utm_medium=referral&utm_content=AchievedOwner/TDesignBlazor&utm_campaign=Badge_Coverage)
-
 ![Version](https://img.shields.io/github/v/release/AchievedOwner/TDesignBlazor)
 
 ## ✨ 特性
@@ -29,8 +27,7 @@
 
 ## 🖥 支持环境
 
-- ![.NET 6](https://img.shields.io/badge/.NET-v6.0-green)
-- ![.NET 6](https://img.shields.io/badge/.NET-v7.0-green)
+- ![.NET 6](https://img.shields.io/badge/.NET-v6.0-green) ![.NET 6](https://img.shields.io/badge/.NET-v7.0-green)
 - 支持 WebAssembly 静态文件部署
 - 主流 4 款现代浏览器，以及 Internet Explorer 11+（限 [Blazor Server](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1&WT.mc_id=DT-MVP-5003987)）
 - 可直接运行在 [.NET MAUI](https://dotnet.microsoft.com/zh-cn/apps/maui?WT.mc_id=DT-MVP-5003987)、[WPF](https://docs.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/wpf?view=aspnetcore-6.0&WT.mc_id=DT-MVP-5003987)、[Windows Forms](https://docs.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/windows-forms?view=aspnetcore-6.0) 等 Blazor 混合客户端环境中
-Original file line number
+Diff line change
@@ -1,4 +1,5 @@
     body {
+        font-family:'Microsoft JhengHei UI'
     }
     code {
@@ Expand Down @@