更新记录

1.0.0（2023-01-12）

初始版发布

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
×	×	√	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	×	×	×	×	×	×	×

hot-calendar

本人开发的一款uni-app前端插件

插件属性:

属性名	类型	默认值	说明
title	String	''	热力图标题，默认显示最新年份
cellWidth	String	'1.64em'	支持px，em，rpx，%，正方形单元格的边长，需要扣除2px cell border
cellRadius	String	'0'	支持px，em，rpx，单元格的圆角
cellMargin	String	'0.21em'	支持px，em，rpx，%，单元格纵向间距，需要扣除2px cell border
cellData	Array	[]	必填，单元格的数量值，着色的重要指标，默认0为空白格，100为无色不可点击格
showDay	Boolean	false	日历是否显示日期
showEarly	Boolean	false	早于cellData的日历是否显示
level1	Number	1	着色等级，最低级
level2	Number	3	着色等级
level3	Number	6	着色等级
level4	Number	10	着色等级，最高级
levelUnlimit	Number	100	cellData里用于设置无色不可点击格的参数
pointDay	String	''	格式为'Y-m-d'，着重框所在的日期，默认是当天

插件事件：

事件名	说明	返回值
@cellTap	单元格点击事件	String，格式为'Y-m-d'，单元格日期

示例：

<hot-calendar cellWidth="46rpx" cellMargin="6rpx" :cellData="hotCalendarArr" :showDay="true"
                    :showEarly="true" :pointDay="dateStr" @cellTap="hotCalendarClick"></hot-calendar>

cellData格式样例：

[
    [[0],[0],[0],[0],[1],[0],[0]],
    [[0],[1],[0],[0],[1],[1],[0]],
    [[0],[0],[0],[0],[1],[1],[1]],
    [[0],[1],[1],[1],[1],[1],[0]],
    [[0],[0],[0],[0],[0],[0],[0]],
    [[0],[1],[1],[1],[1],[0],[0]],
    [[0],[0],[0],[0],[0],[0],[0]],
    [[0],[1],[1],[1],[1],[100],[100]]
]

其它说明：

本插件可搭配scroll-view，实现左右灵活拖动欢迎大家下载使用，多提宝贵意见和建议！如遇问题，请加qq 63846152

热力图日历热力图 日历 自定义 定位

更新记录

1.0.0（2023-01-12）

平台兼容性

hot-calendar

插件属性:

插件事件：

示例：

cellData格式样例：

其它说明：

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

热力图日历

热力图日历 热力图 日历 自定义 定位

更新记录

1.0.0（2023-01-12）

平台兼容性

hot-calendar

插件属性:

插件事件：

示例：

cellData格式样例：

其它说明：

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

热力图日历

Modal title

热力图日历热力图日历自定义定位