一、概述 参看地址:https://pro.ant.design/docs/new-page-cn 这里的『页面』指配置了路由,能够通过链接直接访问的模块,要新建一个页面,通常只需要在脚手架的基础上进行简单的配置。 二、开发步骤 2.1、新增js、less文件 在 src ...
一 概述 参看地址:https: pro.ant.design docs new component cn 对于一些可能被多处引用的功能模块,建议提炼成业务组件统一管理。这些组件一般有以下特征: 只负责一块相对独立,稳定的功能 没有单独的路由配置 可能是纯静态的,也可能包含自己的 state,但不涉及 dva 的数据流,仅受父组件 通常是一个页面 传递的参数控制。 下面以一个简单的静态组件为例进行 ...
2018-12-02 21:12 0 825 推荐指数:
一、概述 参看地址:https://pro.ant.design/docs/new-page-cn 这里的『页面』指配置了路由,能够通过链接直接访问的模块,要新建一个页面,通常只需要在脚手架的基础上进行简单的配置。 二、开发步骤 2.1、新增js、less文件 在 src ...
在 src/components 下新建一个以组件名命名的文件夹,注意首字母大写 在使用组件时,默认会在 index.js 中寻找 export 的对象,如果你的组件比较复杂,可以分为多个文件,最后在 index.js 中统一 export,就像这样: index.js ...
在 BasicLayout.jsx 文件中修改 <ProLayout layout="topmenu" className="chenshuai ...
可以理解为 Ant Design 是一套 组件库,而 Pro 是使用了这套组件库的完整前端脚手架。 Ant Design更多是着重致力于设计规范和基础组件 Ant Design Pro 直接提炼出典型模板/业务组件/配套设计资源。你不需要重复设计那些复用性高的业务组件,直接引用集合好的业务 ...
一、概述 参看地址:https://pro.ant.design/docs/style-cn 基础的 CSS 知识或查阅属性,可以参考 MDN文档。 二、详细介绍 2.1、less Ant Design Pro 默认使用 less 作为样式语言,建议在使用前或者遇到疑问时学习 ...
一、概述 参看地址:https://pro.ant.design/docs/layout-cn 其实在上述地址ant-design上已经有详细介绍,本文知识简述概要。 页面整体布局是一个产品最外层的框架结构,往往会包含导航、页脚、侧边栏、通知栏以及内容等。在页面之中,也有很多区块 ...
1.Input Enter事件 <input onKeyUp={this.onKeyUp} onPressEnter={this.enter} /> onKeyUp = (e) ...
新建一个空的文件夹作为项目的目录,并在目录下执行 如果不创建空目录,可以执行 选择ant design pro 选择安装的版本 选择语言类型 选择简单还是全部安装 安装完成后安装依赖 ...