浩浩带你玩转ant design vue pro第二篇: 自定义设置登录页、配置路由菜单

本文介绍了如何自定义ant design vue pro的登录页面,包括修改系统图标、标题、小标题描述、登录功能及页脚内容。此外,还详细讲解了配置路由菜单,包括修改浏览器标题和设置路由权限。通过修改defaultSetting.js和router.config.js文件,实现了符合业务需求的前端界面和导航结构。
摘要由CSDN通过智能技术生成

自定义设置登录页面

启动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所示:
图1-1 登录首页

自定义设置登录页面

ant design vue pro提供了一套登录页面模板,可以基本满足我们的业务需求,但是有些地方还需要修改以达到满足我们系统的业务需求。其中需要修改的地方主要有以下四点,修改的地方如图1-2所示。
自定义设置登录页面

  1. 修改系统小图标图标和文字
    修改路径:ant-design-vue-pro/public/index.html
    修改方式:首先我们需要准备系统图标,推荐一个阿里巴巴出品的矢量图标库——
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值