平时实际项目中或者学习中偶尔脑热做出的组件。

1. React 全家桶
2. 全面拥抱 TypeScript 和 React Hooks
3. 高德地图
4. Canvas 画图
5. styled-component 等第三方库的使用

git clone https://github.com/KiyonamiYu/delicate-demo.git
cd delicate-demo
yarn
yarn start

在实际项目中，该组件用于显示商家的等级和积分。

组件内部高度结偶，自适应，需传递两个参数---积分分级条（lvScoreList）和当前积分（nowScore），会根据参数动态分级显示：

<RateBar nowScore={80} lvScoreList={[0, 40, 60, 75, 85, 100]} />

@Hedy Hu 合作

使用高德地图的自定义图层接口，结合 Canvas 画图，达到地图自定义的目的：

1. 仓库之间使用贝塞尔曲线连接，定制线上数据显示；
2. 使用单向拖尾发光轨迹表示工单移动方向；
3. 增加各个事物的鼠标悬浮泛波动画；

@Hedy Hu 合作

1. 主要展示车辆的历史路径轨迹，停留时间；点击后，轮播显示地点信息；
2. 常停留区域围栏描边；
3. 地图省份描边；
4. 选中区域高亮；

该项目暂停施工！有了一些其他想法！费点心思的小组件还是想展示一下的 (๑•́ωก̀๑)

🕓 时间账本：记录点滴，沉迷数据 :)

为了易于扩展功能，定制化事件日历组件。

1. 展示每月所发生的事件
2. 点击左上角左右箭头，可切换月份显示