1.下载项目源码 从 github 上面下载源码,代码如下 git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project cd my-project 下载好的项目如图 2. 删除无关代码 ...
. 从数据流开始,分析 antd 最直接的办法就是看代码了,首先分析一下登录过程的数据流向,登录界面对应的 js 文件在 src pages User Login.js, 自动忽略所有代码是啥意思,找到下面的代码: 嗯,重点看到login login, 这是 react router 组件跳转的方式,payload 是参数,这里的 login login 跳转到哪里 前边的 login 代表着 ...
2020-01-10 10:57 2 517 推荐指数:
1.下载项目源码 从 github 上面下载源码,代码如下 git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project cd my-project 下载好的项目如图 2. 删除无关代码 ...
主要处理下图部分(主右边模块)设置: 由于 /layouts 全部只是布局相关的,与具体显示内容信息无关 -- / ***.js 提供对应方法 ...
设置代理 1.1 在config->config.js->『将82行和88行的注释打开』 1.2 测试问题 上篇:antd pro2.0 使用记录四:右侧顶部菜单栏+新建页面 下篇:antd pro2.0 使用 ...
1 新建页面 1.1 在 src -> pages ->『新建文件夹』NewPage -> 『新建js文件』NewPage.js 和 『新建less文件』NewPage. 1.2 在 NewPage.js 填入如下代码 1.3 在 NewPage.less ...
1. 参考资料 参考ant design pro 参考DvaJs 1 新建页面 1.1 在 src -> pages ->『新建文件夹』NewPage ->『新建js文件』NewPage.js 和 『新建less文件』NewPage.less ...
目录 前提:基于element-ui环境 模态登录组件 模态注册组件 导航条:结合实际情况完成样式 登录业务分析 多方式登录 验证码登录 注册业务分析 ...
登录注册页面 登录页面修订 views/Login.vue 注册页面修订 views/Register.vue ...
效果图如下: HTML代码(含有js): css代码: ...