第二篇:自定义设置登录页、配置路由菜单
自定义设置登录页面
启动ant design vue pro脚手架
第一篇介绍了如何从git上拉取ant design vue pro脚手架并使用VS Code编辑器启动脚手架。第一篇传送门: 初识ant design vue pro.在第二篇开始之前,我们先打开VS Code软件加载脚手架代码,并运行命令 npm run serve命令启动脚手架!通过浏览器访问地址:http://localhost:8000进入登录首页。系统登录首页如图1-1所示:
自定义设置登录页面
ant design vue pro提供了一套登录页面模板,可以基本满足我们的业务需求,但是有些地方还需要修改以达到满足我们系统的业务需求。其中需要修改的地方主要有以下四点,修改的地方如图1-2所示。
- 修改系统小图标图标和文字
修改路径:ant-design-vue-pro/public/index.html
修改方式:首先我们需要准备系统图标,推荐一个阿里巴巴出品的矢量图标库——