灵工用工小程序
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
zhengyiming
2 天以前 201ca4f20ce2dd1b2e4c5ec0a7f09f377e923195 
 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">