ant-design-vue 快速入手及常用标签

Posted 2021-01-14 whomlu

　　

<a-locale-provider :locale="locale"> 全局配置国际化文案

1、按钮
<a-button>按钮</a-button>

2、图标
<a-icon type="step-backward" />

3、输入框
<a-input></a-input>

4、单选框
<a-radio>Radio</a-radio>

5、分页
<a-pagination v-model="current" :total="50" />

6、卡片

<a-card title="Card Title">

 7、布局

<a-layout>

侧边栏

a-layout-sider

头部导航栏、菜单、菜单标签

a-layout-header、a-menu、a-menu-item

内容栏

a-layout-content

底部栏

a-layout-footer

面包屑

a-breadcrumb、a-breadcrumb-item