| | |
|---|
| | | <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" |
|---|
| | | ></nut-calendar-card> |
|---|
| | | </div> |
|---|
| | | <div :class="['bole-calendar-arrow', { active: !isCollapse }]" @click="toggle"> |
|---|
| | | <DownArrow :size="12" :class="['bole-calendar-arrow-icon']" /> |
|---|
| | |
|---|
| | | <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', |
|---|
