!3665 doc(#I67B6X): update AnchorLink demo

* Merge branch 'main' into I67B6X-AnchorLink
* Merge branch 'main' into I67B6X-AnchorLink
* update AnchorLink demo
This commit is contained in:
代码搬运工 2022-12-24 15:04:39 +00:00 committed by Argo
parent 7e009ba0a1
commit f21898874c
4 changed files with 35 additions and 30 deletions

View File

@ -0,0 +1,3 @@
@inject IStringLocalizer<AnchorLinkNormal> Localizer
<AnchorLink Text="@Localizer["AnchorLinkText"]" Id="AnchorLink1" TooltipText="Copied" class="anchor-link-demo" />

View File

@ -4123,22 +4123,24 @@
"P2": "By setting the <code>Interval</code> interval, when there is no mouse or keyboard action, it will automatically jump to the address set by <code>RedirectUrl</code>"
},
"BootstrapBlazor.Shared.Samples.AnchorLinks": {
"H1": "AnchorLink",
"P1": "Apply to title strip",
"P2": "Anchor link, click to copy for easy sharing",
"P3": "Common usage",
"P4": "After placing the label click on the copy anchor link to the pasteboard",
"P5": "I am a clickable anchor link",
"P6": "Anchor Link Component Properties",
"P7": "It is a required item, and the function of copying the anchor link will not be provided if it is not filled in",
"P8": "Component anchor icons are available via",
"P9": "The parameter is customized and the default is",
"TooltipDesc": "<code>TooltipText</code> Used to set the prompt message after copying the address",
"AnchorLinkTitle": "AnchorLink",
"AnchorLinkDescribe1": "Apply to title strip",
"AnchorLinkDescribe2": "Anchor link, click to copy for easy sharing",
"AnchorLinkDemoTitle": "Common usage",
"AnchorLinkDemoIntroduction": "After placing the label click on the copy anchor link to the pasteboard",
"AnchorLinkTips1": "Anchor Link Component Properties",
"AnchorLinkTips2": "It is a required item, and the function of copying the anchor link will not be provided if it is not filled in",
"AnchorLinkTips3": "Component anchor icons are available via",
"AnchorLinkTips4": "The parameter is customized and the default is",
"AnchorLinkTips5": "<code>TooltipText</code> Used to set the prompt message after copying the address",
"AttrId": "Id",
"AttrIcon": "Icon",
"AttrText": "Display text",
"AttrTooltipText": "Tooltip text"
},
"BootstrapBlazor.Shared.Demos.AnchorLink.AnchorLinkNormal": {
"AnchorLinkText": "I am a clickable anchor link"
},
"BootstrapBlazor.Shared.Samples.QRCodes": {
"Title": "QRCode",
"SubTitle": "Generate QR code",

View File

@ -4122,22 +4122,24 @@
"P2": "通过设置 <code>Interval</code> 间隔,当无鼠标或者键盘动作时自动跳转到 <code>RedirectUrl</code> 设置的地址"
},
"BootstrapBlazor.Shared.Samples.AnchorLinks": {
"H1": "AnchorLink 锚点链接",
"P1": "应用于标题带",
"P2": "的锚点链接,点击拷贝方便分享",
"P3": "普通用法",
"P4": "放置标签后点击拷贝锚点链接到粘贴板",
"P5": "我是一个可以点击的锚点链接",
"P6": "锚点链接组件属性",
"P7": "为必填项,不填写时不提供拷贝锚点链接功能",
"P8": "组件锚点图标可通过",
"P9": "参数进行自定义默认为",
"TooltipDesc": "参数 <code>TooltipText</code> 用于设置拷贝地址后提示信息 默认 <code>null</code> 不弹出提示信息",
"AnchorLinkTitle": "AnchorLink 锚点链接",
"AnchorLinkDescribe1": "应用于标题带",
"AnchorLinkDescribe2": "的锚点链接,点击拷贝方便分享",
"AnchorLinkDemoTitle": "普通用法",
"AnchorLinkDemoIntroduction": "放置标签后点击拷贝锚点链接到粘贴板",
"AnchorLinkTips1": "锚点链接组件属性",
"AnchorLinkTips2": "为必填项,不填写时不提供拷贝锚点链接功能",
"AnchorLinkTips3": "组件锚点图标可通过",
"AnchorLinkTips4": "参数进行自定义默认为",
"AnchorLinkTips5": "参数 <code>TooltipText</code> 用于设置拷贝地址后提示信息 默认 <code>null</code> 不弹出提示信息",
"AttrId": "Id",
"AttrIcon": "图标",
"AttrText": "文本",
"AttrTooltipText": "提示栏文本"
},
"BootstrapBlazor.Shared.Demos.AnchorLink.AnchorLinkNormal": {
"AnchorLinkText": "我是一个可以点击的锚点链接"
},
"BootstrapBlazor.Shared.Samples.QRCodes": {
"Title": "QRCode 二维码",
"SubTitle": "用于二维码生成",

View File

@ -1,17 +1,15 @@
@page "/anchorlinks"
<h3>@Localizer["H1"]</h3>
<h3>@Localizer["AnchorLinkTitle"]</h3>
<h4>@Localizer["P1"] <b>Hash</b> @Localizer["P2"]</h4>
<h4>@Localizer["AnchorLinkDescribe1"] <b>Hash</b> @Localizer["AnchorLinkDescribe2"]</h4>
<DemoBlock Title="@Localizer["P3"]" Introduction="@Localizer["P4"]" Name="Normal">
<AnchorLink Text="@Localizer["P5"]" Id="AnchorLink1" TooltipText="Copied" class="anchor-link-demo" />
</DemoBlock>
<DemoBlock Title="@Localizer["AnchorLinkDemoTitle"]" Introduction="@Localizer["AnchorLinkDemoIntroduction"]" Name="Normal" Demo="AnchorLink.AnchorLinkNormal"/>
<Tips class="mt-3">
<div><code>AnchorLink</code> @Localizer["P6"] <code>Id</code> @Localizer["P7"]</div>
<div>@Localizer["P8"] <code>Icon</code> @Localizer["P9"] <i class="fa-solid fa-link"></i></div>
<div>@((MarkupString)Localizer["TooltipDesc"].Value)</div>
<div><code>AnchorLink</code> @Localizer["AnchorLinkTips1"] <code>Id</code> @Localizer["AnchorLinkTips2"]</div>
<div>@Localizer["AnchorLinkTips3"] <code>Icon</code> @Localizer["AnchorLinkTips4"] <i class="fa-solid fa-link"></i></div>
<div>@((MarkupString)Localizer["AnchorLinkTips5"].Value)</div>
</Tips>
<AttributeTable Items="@GetAttributes()" />