# bwin-hot-calendar

**Repository Path**: imboya/bwin-hot-calendar

## Basic Information

- **Project Name**: bwin-hot-calendar
- **Description**: 基于uni-app，符合uni_modules规范
仿Github/Gitee的贡献度热力图，不过只显示1个月（多了手机也放不下不是）；
支持各种自定义，如模块整体尺寸、默认格子背景颜色、是否展示内容等；

- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-05-06
- **Last Updated**: 2024-12-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 概述
这是个基于uni-app 符合uni_modules 的插件

### 主要功能
 - 仿Github/Gitee的贡献度热力图，不过只显示1个月（多了手机也放不下不是）；

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

### 基本用法：

```
<template>
	<view>
		<bwin-hot-calendar :dataList="list"></bwin-hot-calendar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{
						date: '2022-5-6', // 通过date匹配格子
						hot: 'little', // 可传入less,little,some,many,much，颜色从浅到深
						content: '√' // 非必传，同时需要配合showContent才能显示
					}
				]
			}
		}
	}
</script>

```

### 全部支持参数

| 参数名 | 类型  | 默认值 | 作用   | 注意事项 |
| ----- | ----- | ------ | -------| --- |
| width | String | 750rpx |  模块整体宽度，字号、边距等自动计算 |  H5端请改用px |
| currentMonth | Number | 当前月份 |  传入后自动改变所有内容 |  |
| emptyBgColor | String | #c1c1c1 | 上月末和下月初格子背景色 |  此部分格子不会显示热度 |
| fillBgColor | String | #eee |  本月所有格子初始背景色 |   |
| showContent | Boolean | false |  是否在格子中展示内容 |   |
| contentColor | String | #262626 |  格子内容的默认颜色 |   |
| contentFontSize | String | 28rpx |   格子内容的字号 |  |
| dataList | Array | [] | 传入格子的热度hot | 元素为对象，如[{date: '2022-5-6',hot: 'little',content: '√'}] |

### 作者其他插件

 - [bwinBrand多端自适应企业官网、uniCloud云端一体【用户端】](https://ext.dcloud.net.cn/plugin?id=7821)
 - [bwinBrand多端自适应企业官网、uniCloud云端一体【管理端】](https://ext.dcloud.net.cn/plugin?id=7822)
 - [必闻优学，教育培训机构模板（单校区版，纯模板）](https://ext.dcloud.net.cn/plugin?id=7709)
 
### 联系作者
 - QQ：123060128
 - Email：karma.zhao@gmail.com
 - 官网：https://www.2bwin.cn