项目介绍

该项目是基于antd二次封装组件，使用的技术栈为react-hooks + typescript + antd。在此项目当中，我们会基于antd的组件库已有组件封装如下组件:

• 图标选择器
• 省市区选择
• 趋势标记
• 时间选择器
• 通知菜单
• 城市选择器
• 进度条拓展
• 时间轴拓展
• 导航菜单拓展
• 可配置项表单
• 日历

组件涵盖了大部分通用业务场景，特别是后台系统中常用功能，我们都会以一种全新的方式来封装，每个组件完全支持hooks和ts。

特别说明

因为该组件库是基于antd二次封装，所有使用该组件库前，必须确保项目安装并正确引入了antd和@ant-design/icons，否则该组件库则无法使用。
antd安装使用指南

使用组件

1. 项目安装依赖: npm i -S cc-antd-component
2. 在项目index.css 或 App.css先引入 antd样式文件和 cc-antd-component样式文件

@import 'antd/dist/antd.css';
@import 'cc-antd-component/style.css';

3. 在组件里写入以下代码:

  import {CcChooseIcon} from 'cc-antd-component'
  <CcChooseIcon></CcChooseIcon>
  // ...

演示地址