2、设置菜单栏宽度 框架的菜单栏宽度较长,在/src/app.tsx文件下新增参数 3、菜单栏颜色 v5版本开始后,菜单栏颜色跟主题颜色已经分开,可以参考链接:https://procomponents.ant.design/components/layout#sider-token 可以在 config/defaultSetting.ts 定义 sider 对象...
登录.iconfont.cn后拿到自己想用的icon,然后点symboa,把icon的代码生成后,找到ant design pro项目中的src下的defaultSettings.js,设置iconfontUrl的路径,然后就能在router.js文件中更改自己的icon名字了
title左侧菜单一级标题 link左侧菜单一级链接 icon的配置，详细可见icon 配置说明。defaultCollapsed表示初始...
最近利用ant-design-pro开发项目要实现之前的项目嵌入到新项目里来,并且根据和后台的接口返回的数据显示侧边栏菜单。既然是是利用别人的架构那当然是从文档中找实现的方法,终于不负苦心人在https://pro.ant.design/docs/router-and-nav-cn文档那里找到初步的解决方法 进入src/layouts/Basilayout.js在官网中直接复制该...
ant design 本身发展时间挺久了,但是一直都是跟 React 玩,去年才开始支持 Vue,这也是这个 Ant Design Pro 看起来比较简单的原因。 这个项目权限部分的代码,和 vue-element-admin 具有高度相似性,如出一辙,所以还不如直接上 vue-element-admin。 ❝
这样理论性的东西就梳理完成了,下面我们参考ant-design-pro具体看一下代码中菜单和路由的配置。 菜单配置(menu.js): import { isUrl } from '../utils/index' const initMenuData = [ { name: '主页', key: 'home', icon: 'table', path: 'home' ...
colorMenuBackground: '#001529', // 设置侧边栏背景颜色 colorTextMenuTitle: '#ffffff', // 设置侧边栏标题字体颜色 colorMenuItemDivider: '#303030', // 设置menuItem分割线的颜色 colorTextMenu: '#ffffff', // 设置menuItem的字体颜色 colorTextMenuSecondary: '#ffffff', // 设置menu的二级字体颜色 ...
在VSCode里添加一个工程,选定上一章克隆下来的工程文件夹目录 然后再保存下工程文件 开始 Ant Design Pro的前端框架是阿里自己弄的UmiJS 菜单配置可以看下官方的文档 它 的菜单配置在config的router.config.js文件夹下面 然后我们照着模版配置一个自己的菜单 ...
写在前面 其实图标在ant-design-vue中其实已经有很多可选的,可有些情况,产品/UI可能还是会要求使用特定的图标。这可能需要上传svg到iconfont.cn阿里图...