uniapp 日历活动

Uniapp 日历活动可以通过以下步骤实现：

1. 安装 uni-calendar 组件，可以通过 npm 或者下载源码使用。

2. 在页面中引入 uni-calendar 组件，可以使用以下代码：

<template>
  <view class="container">
    <uni-calendar :events="events"></uni-calendar>
  </view>
</template>

<script>
  import uniCalendar from '@/components/uni-calendar/uni-calendar.vue'
  
  export default {
    components: {
      uniCalendar
    },
    data() {
      return {
        events: [
          {
            title: '活动1',
            start: '2021-08-01 08:00:00',
            end: '2021-08-01 10:00:00'
          },
          {
            title: '活动2',
            start: '2021-08-02 10:00:00',
            end: '2021-08-02 12:00:00'
          },
          {
            title: '活动3',
            start: '2021-08-03 14:00:00',
            end: '2021-08-03 16:00:00'
          }
        ]
      }
    }
  }
</script>

3. 在 data 中定义 events 数组，用于存储日历中的活动信息。

4. 在 events 数组中定义活动的 title、start 和 end 属性，分别表示活动名称、开始时间和结束时间。

5. 将 events 数组作为 uni-calendar 组件的 events 属性传入。

6. 运行程序，即可在页面中看到日历以及活动信息。