Pro-Layout是专为Vue框架打造的一款高效、灵活的Ant Design扩展组件,旨在提供一套简洁易用的页面布局解决方案,帮助开发者快速构建美观大方的企业级应用界面。
蚂蚁设计专业版图的安装可以通过以下命令进行:
```shell
# 使用 yarn 安装
yarn add @ant-design-vue/pro-layout@next
# 或者使用 npm 安装
npm i @ant-design-vue/pro-layout@next -S
```
基本用法如下:首先,需要将所需的图标添加到库中。接着导入 `vue` 和 `ProLayout`, `{ PageContainer }`:
```javascript
import @ant-design-vue/pro-layout/dist/default.css;
import { createApp } from vue;
import ProLayout, { PageContainer } from @ant-design-vue/pro-layout;
const app = createApp();
app.use(ProLayout).use(PageContainer).mount(#app);
```
之后,您可以在 Vue 组件中像下面这样简单地使用:
```javascript
// 在组件内引用并使用 ProLayout 和 PageContainer。
```