栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

一个仿github贡献度热力图日历插件

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

一个仿github贡献度热力图日历插件

好吧,刚刚写了一个恰饭的内容,结果被审核拒了,
咱这篇就分享一个免费的吧。

这也是个uniapp的插件(理论上你改改的话,vue的移动端都能用),非常简单,功能就只有一个,
就是在你的页面上也加上一个github的热力图

当然,移动端的屏幕尺寸原因,咱们这个插件只能展示1个月的。

大致效果如下图:

话说发uniapp插件市场的链接不行的话,gitee的链接可以么?

https://gitee.com/imboya/bwin-hot-calendar

主要功能
  • 仿Github/Gitee的贡献度热力图,不过只显示1个月(多了手机也放不下不是);

  • 支持各种自定义,如模块整体尺寸、默认格子背景颜色、是否展示内容等;

基本用法:




全部支持参数
参数名类型默认值作用注意事项
widthString750rpx模块整体宽度,字号、边距等自动计算H5端请改用px
currentMonthNumber当前月份传入后自动改变所有内容
emptyBgColorString#c1c1c1上月末和下月初格子背景色此部分格子不会显示热度
fillBgColorString#eee本月所有格子初始背景色
showContentBooleanfalse是否在格子中展示内容
contentColorString#262626格子内容的默认颜色
contentFontSizeString28rpx格子内容的字号
dataListArray[]传入格子的热度hot元素为对象,如[{date: ‘2022-5-6’,hot: ‘little’,content: ‘√’}]
码云地址

https://gitee.com/imboya/bwin-hot-calendar

其他作品

算了,这部分删掉不发了

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/992942.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号