注意2:请不要在该版本升级 ant-design-vue 版本超过 1.1.10,否则可能导致菜单组件,layout 等组件异常
ant-design-vueprovides plenty of UI components to enrich your web applications, and we will improve components experience consistently. General 3 Button Icon Typography Layout 4 Divider Grid Layout Space Navigation 7 Affix Breadcrumb Dropdown
import 'regenerator-runtime/runtime' import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store/' import i18n from './locales' import { VueAxios } from './utils/request' import ProLayout, { PageHeaderWrapper } from '@ant-design-vue/...
组件总览 ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 通用 3 Button 按钮 Icon 图标 Typography 排版
Layout.Sider 支持响应式布局。 说明:配置breakpoint属性即生效,视窗宽度小于breakpoint时 Sider 缩小为collapsedWidth宽度,若将collapsedWidth设置为零,会出现特殊 trigger。 TS 固定侧边栏 当内容较长时,使用固定侧边栏可以提供更好的体验。 TS 固定头部
vueuse响应式判断设备(手机,平板,pc) TODO 输入命令,生成一个view的模板 加一个锁屏页面 使用reactiveState部分代替vuex 本想使用ant design一样的图标做首页的,但是用到了viser-vue插件,是vue2的,翻译成vue3 太麻烦了,回头再说吧 详尽的文档 浏览器兼容 ...
Ant Design Pro 的布局 在Ant Design Pro 中,我们抽离了使用过程中的通用布局,都放在 ==/components/layouts== 目录中,分别为: BasicLayout:基础页面布局,包含了头部导航,侧边栏和通知栏: UserLayout:抽离出用于登陆注册页面的通用布局 PageView:基础布局,包含了面包屑,和中间内容区 (slot) RouterView:空布局,专...
Ant Design Vue allows you to customize our design tokens to satisfy UI diversity from business or brand requirements, including primary color, border radius, border color, etc. In version 4.0, we provide a new way to customize themes. Different from the less and CSS variables of the 3.x ve...
Ant Design Vue 官网: https://www.antdv.com/components/list-cn 何时使用 # 最基础的列表展示,可承载文字、列表、图片、段落,常用于后台数据展示页面。 <div class="s-table-tool"> <
vue.config.js文件是ant design pro的项目核心配置文件,每次修改配置后,都需要重启服务 在vue.config.js中进行配置 devServer: { // host: '0.0.0.0:8080', hot:true, disableHostCheck:true, // development server port 8000 port:8000, // If you want to turn on the proxy, please remove the mock...