Enterprise-level component library based on Bootstrap and Blazor

star nuget master download license repo commit

AnchorLink 锚点链接

应用于标题带 Hash 的锚点链接,点击拷贝方便分享

放置标签后点击拷贝锚点链接到粘贴板

Demo

Attributes

Loading...
@page "/anchorlinks"

<h3>AnchorLink 锚点链接</h3>

<h4>应用于标题带 <b>Hash</b> 的锚点链接,点击拷贝方便分享</h4>

<Block Title="普通用法" Introduction="放置标签后点击拷贝锚点链接到粘贴板">
    <AnchorLink Text="我是一个可以点击的锚点链接" Id="AnchorLink1" class="anchor-link-demo" />
</Block>

<Tips class="mt-3">
    <div><code>AnchorLink</code> 锚点链接组件属性 <code>Id</code> 为必填项,不填写时不提供拷贝锚点链接功能</div>
</Tips>

<AttributeTable Items="@GetAttributes()" />
// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
// Website: https://www.blazor.zone or https://argozhang.github.io/

using BootstrapBlazor.Shared.Common;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace BootstrapBlazor.Shared.Pages
{
    /// <summary>
    /// 
    /// </summary>
    public partial class AnchorLinks
    {
        private IEnumerable<AttributeItem> GetAttributes() => new[]
        {
            // TODO: 移动到数据库中
            new AttributeItem() {
                Name = "Id",
                Description = "组件 Id 必填项",
                Type = "string",
                ValueList = " — ",
                DefaultValue = " — "
            },
            new AttributeItem() {
                Name = "Text",
                Description = "组件 Text 显示文字",
                Type = "string",
                ValueList = " — ",
                DefaultValue = " — "
            },
            new AttributeItem() {
                Name = "TooltipText",
                Description = "拷贝成功后 显示文字",
                Type = "string",
                ValueList = " — ",
                DefaultValue = " — "
            }
        };
    }
}

B 站相关视频链接

暂无

交流群

QQ Group:BootstrapAdmin & Blazor 795206915( Full) 675147445 Welcome to join the group discussion
Themes
Bootstrap
Ant Design (完善中)
Bluma (完善中)
LayUI (完善中)
Motronic (已集成)
An error has occurred. This application may no longer respond until reloaded. Reload