What canProdo for you 优雅美观 基于Ant Design 体系精心设计 常见设计模式 提炼自中后台应用的典型页面和场景 最新技术栈 使用Vue/vuex/antd 等前端前沿技术开发 响应式 针对不同屏幕大小设计 主题 可配置的主题满足多样化的品牌诉求 国际化 内建业界通用的国际化方案 ...
我们基于 Ant Design 视觉风格和 React Ant Design Pro 的成功,搭建了这套风格经过设计师的精心调配,适合大多数中后台项目。如果对视觉风格有额外的要求,推荐使用以下的方式进行定制。 主题定制# 我们基于 Ant Design React 进行开发,完全支持官方提供的 less 变量定制功能. 你可以在脚手架目录中找到vue.config.js代...
Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈,我们将持续迭代,逐步沉淀和总结...
通常布局是和路由系统紧密结合的,Ant Design Pro 的路由使用了Vue-Router的路由方案,为了统一方便的管理路由和页面的关系,我们将配置信息统一抽离到config/router.config.js下,通过如下配置定义每个页面的布局: // eslint-disable-next-line import { UserLayout, BasicLayout, RouteView, BlankLayout, PageView } fr...
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
路由和菜单是组织起一个应用的关键骨架,pro 中的路由为了方便管理,使用了中心化的方式,在router.config.js统一配置和管理(另外,我们也提供了完全动态从后端加载的解决方案,可至本文末尾查看)。 基本结构# 在这一部分,脚手架通过结合一些配置文件、基本算法及工具函数,搭建好了路由和菜单的基本框架,主要涉及以下几个...
https://github.com/vueComponent/ant-design-vue-pro/blob/master/src/store/modules/async-router.js 方案1: 需要注意的是,上面的代码只是一个例子,实际上可能更加复杂。需要开发者自身有一定的编码能力来实现动态路由功能。 指令权限 # Pro 封装了一个非常方便实现按钮级别权限的自定义指令。 v-action 使用 <...
关于表单项报错,请参考antd vue Form中的实现。对于操作反馈和网络请求错误提示,有一些组件可能会用到: 在单页应用中,最常见的需求就是处理网络错误信息,我们可以利用 message 和 notification 来吐出响应的接口/网络/业务数据错误。 Ant Design Pro封装了一个强大的request.js统一处理请求,提供了默认的错误处理以及提...
我们在 npm 发布包内的ant-design-vue/dist目录下提供了antd.js、antd.min.js和reset.css。你也可以通过 或UNPKG进行下载。 强烈不推荐使用已构建文件,这样无法按需加载,而且难以获得底层依赖模块的 bug 快速修复支持。 注意:引入antd.js前你需要自行引入vue、dayjs及其相关插件。
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...