<template>
  <div class="calendarInfo">
    <uni-calendar :insert="true" :selected="selected" :lunar="false" @change="change"/>
  </div>
</template>

<script>
import { uniCalendar } from "@dcloudio/uni-ui"
export default {
  data() {
    return {
      date: '',
      selected: [{date: '2022-07-12'}],
    }
  },
  components: {
    uniCalendar
  },
  methods: {
    change(val) {
      this.date = `${val.year} + '-' + ${val.month} + '-' + ${val.day}`
    },
  },
  onShow() {},

}
</script>

<style lang="scss" scoped>
.calendarInfo {
  ::v-deep .uni-calendar-item__weeks-box-circle {
    top: 77%;
    right: 45%;
    border-radius: 12px;
  }
  ::v-deep .uni-calendar__header {
    height: 76px;
  }
  ::v-deep .uni-calendar__backtoday {
    display: none
  }
}
</style>