Enterprise-level component library based on Bootstrap and Blazor

star nuget master download license repo commit

Empty

Sub Title PlaceHolder

添加 Empty 标签即可

Demo
No Data

设置 Image 属性即可

Demo
暂无数据

内套 Template 标签渲染自定义组件

Demo
No Data

Attributes

Loading...
@page "/empties"
@inject NavigationManager NavigationManager

<h3>@Title</h3>
<h4>@SubTitle</h4>

<Block Title="基本用法" Introduction="添加 <code>Empty</code> 标签即可">
    <Empty />
</Block>

<Block Title="设置空状态图片路径" Introduction="设置 <code>Image</code> 属性即可">
    <Empty Image="https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg" Width="133" Text="暂无数据" />
</Block>

<Block Title="自定义空状态模板" Introduction="内套 <code>Template</code> 标签渲染自定义组件">
    <Empty Image="_content/BootstrapBlazor.Shared/images/empty.svg">
        <Template>
            <Button OnClick="@(()=>NavigationManager.NavigateTo("components"))">返回上一页</Button>
        </Template>
    </Empty>
</Block>

<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 Microsoft.AspNetCore.Components;
using Microsoft.Extensions.Localization;
using System.Collections.Generic;
using System.Diagnostics.CodeAnalysis;

namespace BootstrapBlazor.Shared.Pages
{
    /// <summary>
    /// 
    /// </summary>
    public partial class Empties
    {

        /// <summary>
        /// 
        /// </summary>
        [Parameter]
        public string? Title { get; set; }

        /// <summary>
        /// 
        /// </summary>
        [Parameter]
        public string? SubTitle { get; set; }

        /// <summary>
        /// 
        /// </summary>
        [Inject]
        [NotNull]
        private IStringLocalizer<Empties>? Localizer { get; set; }

        /// <summary>
        /// 
        /// </summary>

        protected override void OnInitialized()
        {
            base.OnInitialized();
            Title = Localizer[nameof(Title)];
            SubTitle = Localizer[nameof(SubTitle)];
        }

        /// <summary>
        /// 获得属性方法
        /// </summary>
        /// <returns></returns>
        private static IEnumerable<AttributeItem> GetAttributes() => new[]
        {
            // TODO: 移动到数据库中
            new AttributeItem() {
                Name = "Image",
                Description = "自定义图片路径",
                Type = "string",
                ValueList = " — ",
                DefaultValue = " — "
            },
            new AttributeItem() {
                Name = "Text",
                Description = "自定义描述信息",
                Type = "string",
                ValueList = " — ",
                DefaultValue = "暂无描述"
            },
            new AttributeItem() {
                Name = "Width",
                Description = "自定义图片宽度",
                Type = "string",
                ValueList = " — ",
                DefaultValue = " 100 "
            },
            new AttributeItem() {
                Name = "Height",
                Description = "自定义图片高度",
                Type = "string",
                ValueList = " — ",
                DefaultValue = " 100 "
            },
            new AttributeItem() {
                Name = "Template",
                Description = "自定义模板",
                Type = "RenderFragment",
                ValueList = " — ",
                DefaultValue = " — "
            },
            new AttributeItem() {
                Name = "ChildContent",
                Description = "子组件",
                Type = "RenderFragment",
                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