34 lines
597 B
Vue
34 lines
597 B
Vue
<script setup>
|
|
|
|
const props = defineProps(['daycount'])
|
|
|
|
const weekcount = props.daycount / 6
|
|
|
|
const defaultdays = ref(Array.from(Array(props.daycount).keys()))
|
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
|
.days {
|
|
display: grid;
|
|
grid-template-columns: repeat(6, 1fr);
|
|
grid-template-rows: repeat(v-bind('weekcount'), 1fr);
|
|
grid-gap: 1px;
|
|
background-color: black;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
<template>
|
|
|
|
<div class="days">
|
|
<MainCalendarFrameSingleday
|
|
v-for="day in defaultdays"
|
|
/>
|
|
</div>
|
|
|
|
</template> |