文件名称:pro-layout:易于使用的“蚂蚁设计Vue”布局
文件大小:333KB
文件格式:ZIP
更新时间:2024-06-02 06:01:06
vue ant antd pro-layout TypeScript
蚂蚁设计专业版图 安装 # yarn yarn add @ant-design-vue/pro-layout@next # npm npm i @ant-design-vue/pro-layout@next -S 基本用法 首先,应将所需的图标添加到库中。 import 'ant-design-vue/dist/antd.less' ; import { createApp } from 'vue' ; import ProLayout , { PageContainer } from '@ant-design-vue/pro-layout' ; const app = createApp ( ) ; app . use ( ProLayout ) . use ( PageContainer ) . mount ( '#app' ) ; 之后,您可以像下面这样简单地在Vue组件中使用
【文件预览】:
pro-layout-next
----package.json(3KB)
----.github()
--------workflows()
----.prettierrc(302B)
----.prettierignore(238B)
----.jest.js(2KB)
----tests()
--------utils.ts(92B)
--------page-container.test.tsx(3KB)
--------global-footer.test.tsx(2KB)
--------index.test.tsx(2KB)
--------grid-content.test.tsx(891B)
--------_utils()
--------__snapshots__()
----LICENSE(1KB)
----src()
--------TopNavHeader()
--------GridContent()
--------GlobalFooter()
--------FooterToolbar()
--------hooks()
--------RouteContext.tsx(2KB)
--------SiderMenu()
--------typings.ts(2KB)
--------BasicLayout.tsx(11KB)
--------PageContainer()
--------BasicLayout.less(1KB)
--------Header.tsx(4KB)
--------Header.less(201B)
--------defaultSettings.ts(2KB)
--------WrapContent.tsx(1KB)
--------GlobalHeader()
--------utils()
--------index.ts(930B)
--------WaterMark()
----.npmignore(155B)
----.eslintrc.js(936B)
----tsconfig.json(667B)
----examples()
--------base-menu.tsx(3KB)
--------global-footer.tsx(1KB)
--------index.less(1KB)
--------page-container.tsx(3KB)
--------demoBox.tsx(2KB)
--------footer-toolbar.html(0B)
--------test.html(0B)
--------template.html(0B)
--------test.tsx(1KB)
--------grid-content.html(0B)
--------index.html(620B)
--------_util()
--------global-footer.html(0B)
--------template.tsx(1KB)
--------base-menu.html(0B)
--------index.tsx(8KB)
--------mock-router.tsx(1003B)
--------demoBox.less(271B)
--------demo.less(756B)
--------demo()
--------footer-toolbar.tsx(3KB)
--------state.ts(532B)
--------grid-content.tsx(1KB)
--------menus.ts(1KB)
--------page-container.html(0B)
----.gitignore(439B)
----README.md(3KB)
----yarn.lock(692KB)
----.eslintignore(53B)
----scripts()
--------cleanup.ts(251B)
--------cleanup.sh(196B)
--------tsconfig.json(84B)
----.editorconfig(121B)
----postcss.config.js(59B)
----babel.config.js(713B)