更新记录

1.0.0（2023-05-25） 下载此版本

灰度发布

平台兼容性

wn-calendar 展示打卡日历组件

主打就是轻巧无依赖，自己易改

安装

本组件符合easycom规范，只需将本组件导入项目即可直接使用。

基本用法

template中使用组件

<view class="container">
  <wn-calendar 
    ref="calendar" 
    :data="[{date:'2023/5/25', text:'显示文本', type: 2}]" 
    :isBorder="true" 
    :isLess="false" 
    :colors="['#f3a73f', '#2979ff', '#8f939c', '#18bc37', '#e43d33']" 
        :isEn="false"
        format="/"
    @change="onChange" 
    @choose="onChoose" 
  ></wn-calendar>
</view>

API

Calendar Props

Calendar Events

Calendar Ref

通过this.$refs.calendar实例调用内部方法