ant design pro for vue去掉配置栏

已于 2022-03-10 15:04:33 修改
阅读量1.9k 收藏 1
点赞数
分类专栏： 前端 文章标签： javascript 前端 vue
于 2022-03-10 15:01:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49281747/article/details/123401439
版权

最近接触到ant design pro for vue， 虽然功能很强大，集成的很好，但是对于一个小项目来说，复杂意味着冗余，所以开始删删减减，首先此套框架配置了不同的主题风格，但自己用一套就可以，因此需要去掉配置栏。

在本系统中配置栏为settingDrawer组件，对以下三个文件进行删改即可

最近基于此项目在进行个性化改造，会陆陆续续更新踩过的坑，希望我的经历可以给小伙伴帮助，也希望大家多多交流

Vc编码中
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于 Ant Design of Vue 实现的 Ant Design Pro 源码
12-29
基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
ant-design-pro-vue-master 去掉权限 及配置
yuenandehutu的博客
04-24 2万+
ant-design-pro-vue-master 去掉权限 及配置 基于 Ant Design of Vue 实现的 Ant Design Pro。非常完善的开发后台系统，前台系统的代码样例。 github地址： https://github.com/sendya/ant-design-pro-vue 项目预览地址： https://preview.pro.loacg.com/user/logi...
antd组件使用技巧
weixin_43924896的博客
01-16 1309
且用且珍惜。。。 Drawer destroyOnClose 关闭时销毁 Drawer 里的子元素。 所以只能销毁dom对应的数据。 有一次项目需要，用getFieldDecorator注册了一个值，不对应dom元素。 结果在drawer关闭的时候，这个变量的值并不会清空。其他有对应dom的值会清空。 ...
Ant Design Pro(5)-3.UI配置
AG.『Feng』的博客
10-11 2573
ant design pro5 UI配置
Ant Design Pro搭建成功后，侧边栏路由不显示问题解决
weixin_74783792的博客
10-08 460
【代码】Ant Design Pro搭建成功后，侧边栏路由不显示问题解决。
ant design vue a-form 取消自动查询
weixin_35753291的博客
01-14 110
可以在 a-form 组件中使用 "props" 属性 "autoQuery" 设置为 "false" 来取消自动查询。 例如： <a-form:autoQuery="false"></a-form> 或者你可以在 a-form-item 上绑定 :auto-query="false" <a-form-item:auto-query="false"></...
Ant design Pro of vue 实战一
偷喝汽水的博客
08-17 690
一、进首页最右边的设置去掉 src\layouts\BasicLayout.vue 把这三个地方去掉，就没有设置了 二、改主题色 菜单选中的背景色 src\config\defaultSettings.js 改成需要的色值就行了 三、窗口title名称和logo src\config\defaultSettings.js 下面的这个title也会变 窗口logo public\index.html 四、菜单路由页和logo ...
关于ant-design-pro 隐藏面包屑和路由导航栏
chengzichen_的博客
03-27 1823
可以参考 : https://pro.ant.design/zh-CN/docs/advanced-menu。需要添加 ghost 不然上面会有一条杠。
基于Ant Design Pro for Vue的综合办公系统
03-12
适合所有人群使用，基于vue开发设计的办公系统，完成了重要的办公系统所需功能。
ant design pro动态菜单
10-08
自己写的ant design pro动态菜单，不足请指正，互相学习借鉴！
antdpro-Vue:学习实现antdesign pro的vue版本
03-25
ant-design-vue-pro 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行单元测试 npm run test:unit 整理和修复文件 npm run lint 自定义配置 请参阅。
ant-design-vue-pro：像Pro一样使用Ant Design Vue！
02-05
蚂蚁设计Vue Pro 适用于企业应用程序的即用型UI解决方案，作为Vue样板。 基于 预览： ： 主页： ： 文档： : 变更日志： : 常见问题解答： ： 总览 环境和依赖 节点 纱 网络包 埃斯林特 @ vue / cli〜3 -Vue...
vue-antd-admin：:ant:Ant Design Pro与Vue的实施
02-06
简体中文|Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选：预览地址： : 使用文档： : 常见问题： ://iczer.gitee.io/vue-antd-admin-docs/start/faq.html国内知名： ://gitee....
antd React Table组件标签去掉默认的分页
xin915的博客
01-10 2074
<Table calsssName='table' columns={columns} dataSource={this.state.dataList.slice(this.state.minValue,this.state.maxValue)} //设置取消分页 pagination={false} > </Table> 直接写pagination={false}就可以取消默认的分页了 ...
antdPro之路由菜单配置
qq_36990322的博客
04-23 6424
antdPro使用之路由前言配置案例最后 前言 antdPro v5 的router主要使用了umijs v2的路由routes 以及@umijs/plugin-layout，总的来说，非常好用。在快速搭建项目的过程中，我们不需要去关注菜单和面包屑等功能的细节。在工程目录的config中直接配置一下路由就完了。routes位置如下图示 配置案例 export default [ { path: '/user', layout: false, // 表示是否需要在loyout容器内显示，
Ant Design Pro：设置目录配置
闪电⚡之王的博客简介
12-28 420
项目根目录下的config/defaultSettings.js文件下内所定义的其中导出的Settings对象中即为默认的主题等配置如下图: 页面修改 修改登录页在src/pages/user/login修改顶栏右侧在 components/Right修改底部在components/Footer
Ant Design Pro内容和菜单权限设置
热门推荐
s525498285的博客
01-04 3万+
**讲真的关于Ant Design Pro2.0以上版本的资料在网上就很少了，对于小编这样的小白学起来真的很吃力，由于公司有个项目用这个框架做的，所以又不得不学。** 提出的需求是权限管理，具体是不同用户在登录后拥有不同的菜单和内容。 说实话小编刚实习，项目就没接触几个，作为一名光荣的前端对于这个权限这个就接触的更少了，之前只用php做过权限，不过那是连接的数据库有明确的用户权限等级属性，...
antd-pro配置动态菜单：某些菜单选项根据需要决定是否显示
szuhuanggang的博客
05-20 7617
在项目中，我想根据用户或者域名的不同而显示不同的菜单选项，该怎么办呢？ 在官方指导中，是这么说的： 为此，我进行了研究，发现可以修改src/models/menu.js中的formatter方法，来实现。 在router.config.js中的路由，要配置了name和path属性，才会在左侧的菜单栏上进行显示。 如下图，每个item都是一个路由，我们可以添加逻辑代码，...
vue keealive antdesign pro of vue
最新发布
12-13
Vue.js是一个流行的JavaScript框架，用于构建用户界面。Vue的一个重要功能是Vue Keepalive，它可以帮助我们在组件之间进行缓存和复用。 Ant Design是一个非常受欢迎的UI库，其中包含了丰富的组件和样式，可以帮助我们快速搭建漂亮的用户界面。 而Vue Ant Design Pro是一个基于Vue.js和Ant Design的企业级后台管理系统的前端解决方案。它提供了丰富的业务组件和强大的功能，帮助开发者快速搭建企业级管理系统。 在Vue Ant Design Pro中，我们可以充分利用Vue Keepalive来提高页面的加载速度和用户体验。通过Keepalive，我们可以在切换页面时对已加载的组件进行缓存，减少重复渲染，加快页面响应速度。这对于企业级管理系统来说尤为重要，因为这些系统通常包含大量的数据和复杂的交互逻辑。 另外，Vue Ant Design Pro还提供了丰富的Ant Design组件，这些组件可以帮助我们在系统中构建出漂亮、易用的界面。同时，Ant Design Pro也提供了一套完善的模板和样式，使得我们可以快速搭建出符合企业标准的管理系统界面。 综合而言，Vue Ant Design Pro的结合了Vue Keepalive和Ant Design的优势，为我们构建企业级后台管理系统提供了强大的支持和工具。它不仅可以提高用户体验，加快页面加载速度，还可以使我们快速构建出漂亮、易用的用户界面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值