wupengfei
2 天以前 83a43c957729ffdec7ca8eb4f8ebd62a1c6b4abc
packages/components/src/Calendar/Calendar.vue
@@ -1,7 +1,12 @@
<template>
  <div class="bole-calendar-wrapper">
    <div :class="['bole-calendar-inner', { isCollapse }]">
      <nut-calendar-card v-model="model" class="bole-calendar"></nut-calendar-card>
      <nut-calendar-card
        v-model="model"
        class="bole-calendar"
        ref="calendar"
        @change="handleChange"
      ></nut-calendar-card>
    </div>
    <div :class="['bole-calendar-arrow', { active: !isCollapse }]" @click="toggle">
      <DownArrow :size="12" :class="['bole-calendar-arrow-icon']" />
@@ -12,6 +17,7 @@
<script setup lang="ts">
import { DownArrow } from '@nutui/icons-vue-taro';
import { useToggle } from 'senin-mini/hooks';
import { ref, watch } from 'vue';
defineOptions({
  name: 'Calendar',
@@ -23,6 +29,12 @@
const model = defineModel<Date | Date[]>();
const { isCollapse, toggle } = useToggle(true);
const calendar = ref();
function handleChange(value) {
  console.log('value: ', value);
  console.log('calendar: ', calendar.value);
}
</script>
<style lang="scss">