Ant Design of Blazor 教程 从0-1搭建 4.组件使用

1.组件使用

上一章教程中，我已经完成Pro项目的搭建，接下来将以这个项目为原型，做一个简单的页面让大家熟悉组件的使用。

下面是效果图

实现代码

@using System.Text.Json
@using AntDesign.TableModels
@page "/"
<PageContainer Title="表格查询">
    <Card>
        <Descriptions Title="Search Menu">
            <DescriptionsItem Title="Name"><Input Placeholder="eg.Jim Red" TValue="string" Style="width:300px" @bind-value="searchName" /></DescriptionsItem>
        </Descriptions>
        <Button Type="primary" Icon="search" OnClick="Search" >
            Search
        </Button>
    </Card>
    <Table DataSource="data" OnChange