首页 > 其他 > 详细

ant design 学习(用到的话持续更新)

时间:2019-11-18 19:42:25      阅读:154      评论:0      收藏:0      [点我收藏+]

2019-11-18:

安装、引用等问题查阅官方文档(https://ant.design/docs/react/introduce-cn),这里只记录我关注的点。

 

-- antd有啥好?

antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。

  • 提炼自企业级中后台产品的交互语言和视觉风格。

  • 开箱即用的高质量 React 组件。

  • 使用 TypeScript 构建,提供完整的类型定义文件。

  • 全链路开发和设计工具体系。

 

-- antd 提供的sandbox用于组件测试:https://codesandbox.io/s/antd-reproduction-template-kjx5r

 

学习内容:(国际化)语言设置、datepicker、antV--G2、


 

 

一、 ConfigProvider 组件:

  ConfigProvider 使用 React 的 context 特性,只需在应用外围包裹一次即可全局生效。

技术分享图片

 

通过参数locale 让所有antd组件显示中文:

 

技术分享图片

 

二、当我指定了 DatePicker/RangePicker 的 mode 属性后,点击后无法选择年份/月份?

  有专门讨论的文章:https://juejin.im/post/5cf65c366fb9a07eca6968f9

 

三、antV--G2图表:

文档:https://www.yuque.com/antv/g2-docs/get-started

 

 

github:https://github.com/antvis/g2/blob/master/README.zh-CN.md

 

npm安装:

sudo npm install @antv/g2 --save

 

??举例:在 html 中使用

 

 

 

技术分享图片

我的笔记:https://www.cnblogs.com/marvintang1001/p/11884163.html

 

 

 

 

ant design 学习(用到的话持续更新)

原文:https://www.cnblogs.com/marvintang1001/p/11884167.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!