1.0.0 • Published 7 years ago

wechat-calendar v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
7 years ago

wechat-calendar

小程序自定义组件

使用此组件需要依赖小程序基础库 2.2.1 以上版本,同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档

功能

  • 1、日历信息展示

  • 2、点击切换日期

  • 3、可以切换主题色和活动色

  • 4、api数据要求

    {   
        month: 12, 
        date: 19, 
        day:2,//当天在星期中的那一天
        data:[
            {
                number: 26, 
                isCurrentMonth: -1, 
                isSign: false, 
                date: "2018-11-26"
            }
        ]
    }
    
    点击前后按钮切换是重新请求接口,暂时未写

组件效果

样式一 样式一 样式二 样式二

使用方法

一、直接从 github 上 clone 下来使用

  • src目录下是源码,可复制到自己的项目使用

二、npm安装

  1. 安装 wechat-calendar
npm install --save wechat-calendar
  1. 在需要使用 wechat-calendar 的页面 page.json 中添加 wechat-calendar 自定义组件配置
{
  "usingComponents": {
    "wechat-calendar": "wechat-calendar"
  }
}
  1. WXML 文件中引用 wechat-calendar
<wechat-calendar></wechat-calendar>
  1. 对于想要修改的样式或者js文件也可以在miniprogram_npm文件夹下的相应文件中修改

  2. 对于npm包引入的组件在小程序中必须构建,在开发工具中选择:工具-构建npm

wechat-calendar的属性介绍如下:

``` js
styleindex:0,//样式选择,,,0是白色+红色,,,1是黑色+橙色

isCalendarShow:false,//控制日历隐藏与显示

```
1.0.0

7 years ago