!2449 doc(#I4UMV0): update font-awesome.min.css referenc

https://gitee.com/LongbowEnterprise/BootstrapBlazor/issues/I4UMV0
This commit is contained in:
alex_zou 2022-02-26 14:43:52 +00:00 committed by Argo-Tianyi
parent 01f4546615
commit 0649e5c79b
22 changed files with 13 additions and 2688 deletions

View File

@ -7,6 +7,7 @@
</PropertyGroup>
<ItemGroup>
<PackageReference Include="BootstrapBlazor.FontAwesome" Version="6.*" />
<PackageReference Include="BootstrapBlazor.Middleware" Version="1.*" />
<PackageReference Include="Longbow.Logging" Version="5.2.0" />
<PackageReference Include="Longbow.Tasks" Version="5.*" />

View File

@ -16,7 +16,7 @@
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="favicon.png">
<base href="~/">
<link rel="stylesheet" href="_content/BootstrapBlazor.Shared/lib/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css">
<link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" asp-append-version="true">
<link rel="stylesheet" href="_content/BootstrapBlazor.Chart/css/bootstrap.blazor.chart.bundle.min.css" asp-append-version="true">
<link rel="stylesheet" href="_content/BootstrapBlazor.Markdown/css/bootstrap.blazor.markdown.min.css" asp-append-version="true">

View File

@ -36,14 +36,16 @@
<div class="mb-3">在宿主文件中增加主题样式表</div>
@SheetTemplate
<Tips>
<div>@((MarkupString)Localizer["Tips"].Value)</div>
<div>@((MarkupString)Localizer["Tips2"].Value)</div>
</Tips>
<Pre>&lt;head&gt;
...
&lt;!-- 增加代码 !--&gt;
<b>&lt;link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"&gt;
&lt;link href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" rel="stylesheet"&gt;</b>
<b>
// 需引用 BootstrapBlazor.FontAwesome 包
&lt;link href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css" rel="stylesheet"&gt;
&lt;link href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" rel="stylesheet"&gt;
</b>
...
&lt;link href="css/site.css" rel="stylesheet"&gt;
&lt;link href="BlazorApp1.styles.css" rel="stylesheet"&gt;

View File

@ -131,8 +131,7 @@
"P1": "There are many ways to reference components, please refer to <a href='install'>Installation</a>",
"H2": "CSS file",
"P2": "Add the Bootstrap CSS file in the form of <code>&lt;link&gt;</code> tags to the <code>{0}</code> file <code>&lt;head&gt;</code> tags, and place them in all Before other style sheets.",
"Tips": "After this set of components version <b>5.0.32</b> remove the built-in <code>font-awesome</code> icon, please download it yourself or use the <b>CDN</b> acceleration service",
"Tips2": "If you use the <code>Blazor App</code> template to create a project, please remove the default <code>Bootstrap</code> style link <code>&lt;link rel='stylesheet' href='css/bootstrap/bootstrap.min.css' /&gt;</code>",
"Tips2": "If you use the <code>Blazor App</code> template to create a project, please remove the default <code>Bootstrap</code> style link <code>&lt;link rel='stylesheet' href='css/bootstrap/bootstrap.min.css' /&gt;</code>. Install <b>FontAwesome</b> related resources by yourself or get the nuget package <code>BootstrapBlazor.FontAwesome</code>",
"H3": "JS file",
"P3": "Many components provided by Bootstrap rely on JavaScript to run. Specifically, these components rely on jQuery, Popper.js, and our own JavaScript plug-ins. Put the following <code>&lt;script&gt;</code> tag at the end of the <code>{0}</code> file and before the <code>&lt;/body&gt;</code> tag, it will work.",
"H4": "Add the namespace to the <code>_Imports.razor</code> file",
@ -423,7 +422,7 @@
},
"BootstrapBlazor.Shared.Samples.GlobalException": {
"Title": "Global exception",
"Introduce": "Added component <code>ErrorLogger</code> Through this component, global logs and exceptions can be output uniformly; currently, the <code>Blazor</code> framework does not provide a <code>MVC</code> like < b>Global exception</b> The overall solution, for the time being, you need to use <code>try/catch</code> in the code block for exception capture",
"Introduce": "Added component <code>ErrorLogger</code> Through this component, global logs and exceptions can be output uniformly; currently, the <code>Blazor</code> framework does not provide a <code>MVC</code> like <b>Global exception</b> The overall solution, for the time being, you need to use <code>try/catch</code> in the code block for exception capture",
"H1": "Instructions",
"Step1": "1. Add <code>AddLogging</code> to the <code>Startup</code> file to enable the <code>net core</code> system log function",
"Step1Introduce": "Use <code>AddFileLogger</code> need to reference <b>Longbow.Logging</b> component package",

View File

@ -131,8 +131,7 @@
"P1": "组件引用有多种方法,可以参阅 <a href='install'>类库安装</a>",
"H2": "CSS 文件",
"P2": "将 Bootstrap 的 CSS 文件以 <code>&lt;link&gt;</code> 标签的形式添加到 <code>{0}</code> 文件 <code>&lt;head&gt;</code> 标签中,并放置在所有其它样式表之前。",
"Tips": "本套组件 <b>5.0.32</b> 版本后移除内置 <code>font-awesome</code> 图标,请自行下载或者使用 <b>CDN</b> 加速服务",
"Tips2": "如果是使用 <code>Blazor App</code> 模板创建的工程请移除默认的 <code>Bootstrap</code> 样式链接 <code>&lt;link rel='stylesheet' href='css/bootstrap/bootstrap.min.css' /&gt;</code>",
"Tips2": "如果是使用 <code>Blazor App</code> 模板创建的工程请移除默认的 <code>Bootstrap</code> 样式链接 <code>&lt;link rel='stylesheet' href='css/bootstrap/bootstrap.min.css' /&gt;</code>; 本项目图标使用 <code>FontAwesome</code> 图标库,请自行引用 <b>4.7.0</b> 以上版本或者引用 <code>BootstrapBlazor.FontAwesome</code> 包",
"H3": "JS 文件",
"P3": "Bootstrap 所提供的许多组件都依赖 JavaScript 才能运行。具体来说,这些组件都依赖 jQuery、Popper.js 以及我们自己的 JavaScript 插件。将以下 <code>&lt;script&gt;</code> 标签放到 <code>{0}</code> 文件尾部且在 <code>&lt;/body&gt;</code> 标签之前即可起作用。",
"H4": "添加命名空间到 <code>_Imports.razor</code> 文件",

View File

@ -17,8 +17,7 @@
<p>如切换为 <code>Motronic</code> 主题,则请在原有 <code>head</code> 内增加样式文件如下:</p>
<Pre>&lt;link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"&gt;
&lt;link href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" rel="stylesheet"&gt;
<Pre>&lt;link href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" rel="stylesheet"&gt;
// 增加此行
&lt;link rel="stylesheet" href="_content/BootstrapBlazor/css/motronic.min.css"&gt;</Pre>

View File

@ -1,7 +1,7 @@
<Project Sdk="Microsoft.NET.Sdk.Razor">
<PropertyGroup>
<Version>6.0.0</Version>
<Version>6.0.1</Version>
</PropertyGroup>
<PropertyGroup>

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 434 KiB

View File

@ -16,7 +16,7 @@
<link rel="apple-touch-icon" href="icon-512.png">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="style/loading.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css">
<link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css">
<link rel="stylesheet" href="_content/BootstrapBlazor.Chart/css/bootstrap.blazor.chart.bundle.min.css">
<link rel="stylesheet" href="_content/BootstrapBlazor.Markdown/css/bootstrap.blazor.markdown.min.css">