pro-layout

https://procomponents.ant.design/components/layout/

所有的 pro-components
pro-components Gitbhub https://github.com/ant-design/pro-components

  1. npm i @ant-design/pro-layout --save
  3. npm i @ant-design/pro-table --save
  4. npm i @ant-design/pro-form --save
  6. npm i @ant-design/pro-table --save
  7. npm i @ant-design/pro-list --save
  9. npm i @ant-design/pro-descriptions --save
  10. npm i @ant-design/pro-card --save
  12. npm i @ant-design/pro-skeleton --save

pro-components说明文件 https://procomponents.ant.design/docs/intro

  1. - .dumi              * dumi 的相关配置，主要是主题等
  2. - .github            * github 的 action 和相关的 issue 配置
  3. - docs               * 存放公用的文档
  4. - packages           * 我们维护的包, 如果你想贡献代码，这里是你最需要关注的
  5. - README.md          * 展示在 github 主页的代码
  6. - tests              * 编写测试用例的地方
  7. - public             * 部署官网所用的静态文件
  8. - scripts            * 开发或者部署所用的脚本
  9. - .prettierrc.js     * prettier 的相关配置
  10. - .eslintrc.js       * eslint 的配置
  11. - .fatherrc.ts       * 编译脚手架的配置
  12. - .umirc.js          * dumi 的核心配置
  13. - webpack.config.js  * 编译 umd 包的配置文件
  14. - jest.config.js     * 测试环境的配置
  15. - lerna.json         * 多包的配置
  16. - package.json       * 项目的配置
  17. - tsconfig.json      * typescript 的配置
  18. - yarn.lock          * 依赖 lock 文件

等宽布局

https://preview.pro.ant.design/dashboard/analysis?layout=top&contentWidth=Fixed&fixSiderbar=true&colorWeak=false&pwa=false
contentWidth 如果设置为 Fixed 定宽模式，最宽只有 1200px
pro-等宽布局.png

流式布局

https://preview.pro.ant.design/dashboard/analysis?layout=top&fixSiderbar=true&colorWeak=false&pwa=false
pro-流式布局.png

侧边栏布局

  1. logo展开大小：180 46， 160 40
  2. 收起时，的logo大小：80 80， 60 60

https://preview.pro.ant.design/dashboard/analysis?fixSiderbar=true&colorWeak=false&pwa=false
image.png

自愿付费

对知识的一份尊重，为价值买单，自愿付费
有价值的经验分享，让小伙伴看完有所收获，放个公平的二维码
本文标价 100元，如果你能够将本文分享的干活认真去执行，你最少可以获得10倍以上的 react经验
欢迎你和我一起玩，你觉得这篇文章价值多少，就自愿付费到支付宝
pay.jpg