Vue3 轻松实现 GitHub 贡献图:打造你的专属“格子图”组件!
格子图”组件是一个基于 Vue3 的可视化工具,它通过不同颜色的格子来展示数据。每个格子代表一个时间段(如一天),颜色深浅则表示数据的强度(如提交次数、活跃度等)。它的灵感来源于 GitHub 的贡献图,但你可以根据自己的需求自定义数据、颜色和样式。这是组件是我使用别人写好的ts代码!但是有些BUG的代码进行修改并优化的代码!在模板中使用组件,并传入数据和配置:你可以通过修改colors属性来调整格子的颜色,或者通过 CSS 自定义组件的样式。
原创
2025-01-24 15:03:44 ·
533 阅读 ·
0 评论