演示效果
实现自定义组件开发的流程
作为前端工程师, 我们对于开发vue组件或者react组件想必不会很陌生, 对于一个可扩展复用当然组件来说, 我们只需要做好以下几点就好了:
语义化 : 组件命名可读性强..., 所以说我们在实现自定义组件时, 往往也需要考虑内外部的抽象....日历组件我们可以暴露如下props给到用户自行配置:
time 日历显示的时间
range 日历被选中的时间范围, 主要用来做日程管理
color 日历默认的文本颜色
selectedColor 选中区域的颜色...type: 'Calendar',
h: 185,
displayName: '日历组件',
};
export default template;
有了以上三个部分, 我们要可以渲染出一个在画布中可拖拽..., 文本颜色, 文本大小配置
图表组件支持自定义第三方api接口, 一键导入第三方数据源