!3670 doc(#I67BEQ): update PackageTips component

* chore: 更新样式
* fix: 修复组件安装版本信息不刷新问题
* doc: 语音组件使用 PacakgeTips 组件
* doc: 更新资源文件
* refactor: 增加必填标签
* doc: 类库安装使用 PackageTips 组件
This commit is contained in:
Argo 2022-12-24 08:50:11 +00:00
parent 0fa05ff693
commit 0ac3c3739f
7 changed files with 11 additions and 39 deletions

View File

@ -28,7 +28,7 @@
<h5 class="mb-3">@Localizer["P17"]</h5>
<div class="code-label mb-2">1. @Localizer["P18"] <b>nuget.org</b> @Localizer["P19"] <code>BootstrapBlazor</code></div>
<div class="mb-2">@Localizer["P20"] <b>Manage Nuget Packages</b></div>
<Pre class="no-highlight">dotnet add package BootstrapBlazor --version @Version</Pre>
<Pre @key="@Version" class="no-highlight">dotnet add package BootstrapBlazor --version @Version</Pre>
<img alt="install" src="_content/BootstrapBlazor.Shared/images/manage-nuget-packages-for-server-app.png" style="border-radius: 6px;" class="d-none d-sm-block" />
<div class="code-label mt-3 mb-2">2. @Localizer["P21"]</div>
<img alt="install" src="_content/BootstrapBlazor.Shared/images/nuget_install.png" style="width: 1000px; border-radius: 6px;" class="d-none d-sm-block" />

View File

@ -1,7 +1,6 @@
@namespace BootstrapBlazor.Shared.Samples
@inject IStringLocalizer<PackageTips> Localizer
@inject IStringLocalizer<PackageTips> Localizer
<p>@((MarkupString)Localizer["Tips", Name].Value)</p>
<div class="info">@((MarkupString)Localizer["Tips", Name].Value)</div>
<div class="code-label">.NET CLI</div>
<Pre class="no-highlight">dotnet add package @Name</Pre>
@ -24,6 +23,7 @@
/// </summary>
[Parameter]
[NotNull]
[EditorRequired]
public string? Name { get; set; }
/// <summary>

View File

@ -892,10 +892,6 @@
"P2": "and",
"P3": "Speech service, this example relies on",
"P4": "When using this component, you need to reference its component package",
"P5": "Nuget Install",
"P6": "use",
"P7": "conduct",
"P8": "installation of components",
"P9": "Actual combat experience",
"P10": "Click",
"P11": "start",
@ -5391,8 +5387,8 @@
"BaseUsageIntro2": "Use the Reload method to switch playback resources",
"Tips": "Silent mode enabled by default, this is the way for autoplay follow the modern browser standards."
},
"BootstrapBlazor.Shared.Samples.PackageTips": {
"Tips": "<p><b>Precautions</b></p><p>This component relies on <a href='https://www.nuget.org/packages?q={0}' target='_blank'><code>{0}</code></a>, which needs to reference its component package when using this component</p><p><b>Nuget Install</b></p><p>Use nuget.org to install <a href='https://www.nuget.org/packages?q={0}' target='_blank'><code>{0}</code></a> component</p>"
"BootstrapBlazor.Shared.Components.PackageTips": {
"Tips": "<div class=\"code-label\">Precautions</div><div>This component relies on <a href='https://www.nuget.org/packages?q={0}' target='_blank'><code>{0}</code></a>, which needs to reference its component package when using this component</div><div class=\"code-label mt-2\">Nuget Install</div><div>Use nuget.org to install <a href='https://www.nuget.org/packages?q={0}' target='_blank'><code>{0}</code></a> component</div>"
},
"BootstrapBlazor.Shared.Samples.FileViewers": {
"Title": "FileViewer",

View File

@ -893,10 +893,6 @@
"P2": "与",
"P3": "语音服务,本示例依赖于",
"P4": "使用本组件时需要引用其组件包",
"P5": "Nuget 包安装",
"P6": "使用",
"P7": "进行",
"P8": "组件的安装",
"P9": "实战体验",
"P10": "点击",
"P11": "开始",
@ -5396,8 +5392,8 @@
"BaseUsageIntro2": "使用 Reload 方法切换播放资源",
"Tips": "默认启用静音模式,只有这样自动播放功能才符合现代浏览器标准."
},
"BootstrapBlazor.Shared.Samples.PackageTips": {
"Tips": "<p><b>注意事项 </b></p><p>本组件依赖于 <a href='https://www.nuget.org/packages?q={0}' target='_blank'><code>{0}</code></a>,使用本组件时需要引用其组件包</p><p><b>Nuget 包安装</b></p><p>使用 <a href='https://www.nuget.org/packages?q={0}' target='_blank'>nuget.org</a> 进行 <code>{0}</code> 组件的安装</p>"
"BootstrapBlazor.Shared.Components.PackageTips": {
"Tips": "<div class=\"code-label\">注意事项 </div><div>本组件依赖于 <a href='https://www.nuget.org/packages?q={0}' target='_blank'><code>{0}</code></a>,使用本组件时需要引用其组件包</div><div class=\"code-label mt-2\">Nuget 包安装</div><div>使用 <a href='https://www.nuget.org/packages?q={0}' target='_blank'>nuget.org</a> 进行 <code>{0}</code> 组件的安装</div>"
},
"BootstrapBlazor.Shared.Samples.FileViewers": {
"Title": "FileViewer 文件预览器",

View File

@ -27,16 +27,7 @@
<h4>@Localizer["NugetInstall"]</h4>
<p>@((MarkupString)Localizer["NugetP1"].Value)</p>
<div class="code-label">.NET CLI</div>
<Pre class="no-highlight">dotnet add package BootstrapBlazor --version @Version</Pre>
<div class="code-label">PackageReference</div>
<Pre class="no-highlight">&lt;PackageReference Include="BootstrapBlazor" Version="@Version" /&gt;</Pre>
<div class="code-label">Package Manager</div>
<Pre class="no-highlight">Install-Package BootstrapBlazor -Version @Version</Pre>
<PackageTips Name="BootstrapBlazor" />
<h4>@Localizer["EnvBuildTitle"]</h4>

View File

@ -22,7 +22,7 @@
<h5 class="mt-3 mb-2">@Localizer["P13"]</h5>
<div class="code-label mb-2">@((MarkupString)Localizer["P14"].Value)</div>
<div class="mb-2">@Localizer["P15"] <b>Manage Nuget Packages</b></div>
<Pre class="no-highlight">dotnet add package BootstrapBlazor --version @Version</Pre>
<Pre @key="@Version" class="no-highlight">dotnet add package BootstrapBlazor --version @Version</Pre>
<img src="_content/BootstrapBlazor.Shared/images/manage-nuget-packages-for-maui-app.png" style="border-radius: 6px;" class="d-none d-sm-block" />
<div class="code-label mt-3 mb-2">@Localizer["P16"]</div>
<img src="_content/BootstrapBlazor.Shared/images/nuget_install.png" style="width: 1000px; border-radius: 6px;" class="d-none d-sm-block" />

View File

@ -9,18 +9,7 @@
<p>@Localizer["P1"] <code>Azure</code> @Localizer["P2"] <code>Baidu</code> @Localizer["P3"] <a href="https://www.nuget.org/packages?q=@NugetPackageName" target="_blank"><code>@NugetPackageName</code></a>@Localizer["P4"]</p>
<p><b>@Localizer["P5"]</b></p>
<p>@Localizer["P6"] <a href="https://www.nuget.org/packages?q=@NugetPackageName" target="_blank">nuget.org</a> @Localizer["P7"] <code>@NugetPackageName</code> @Localizer["P8"]</p>
<div class="code-label">.NET CLI</div>
<Pre class="no-highlight">dotnet add package @NugetPackageName --version @Version</Pre>
<div class="code-label">PackageReference</div>
<Pre class="no-highlight">&lt;PackageReference Include="@NugetPackageName" Version="@Version" /&gt;</Pre>
<div class="code-label">Package Manager</div>
<Pre class="no-highlight">Install-Package @NugetPackageName -Version @Version</Pre>
<PackageTips Name="@NugetPackageName"></PackageTips>
<div class="code-label mb-2">@Localizer["P9"]</div>