|
|
@ -1,19 +1,16 @@ |
|
|
|
<template> |
|
|
|
<div class="m-calendar"> |
|
|
|
<div class="top-list"> |
|
|
|
<div |
|
|
|
class="top" |
|
|
|
<div class="top" |
|
|
|
v-for="(item, index) in top" |
|
|
|
:class="{ 'z-weekend': index > 4 }" |
|
|
|
:key="item" |
|
|
|
> |
|
|
|
:key="item"> |
|
|
|
{{ item }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 日历号 --> |
|
|
|
<div class="date-list"> |
|
|
|
<div |
|
|
|
class="date-item" |
|
|
|
<div class="date-item" |
|
|
|
:class="{ |
|
|
|
'z-on': item.format == currentDate, |
|
|
|
'z-this-month': item.thisMonth, |
|
|
@ -23,13 +20,14 @@ |
|
|
|
}" |
|
|
|
v-for="(item, index) in visibleCalendar" |
|
|
|
:key="index" |
|
|
|
@click="handleClickDate(item)" |
|
|
|
> |
|
|
|
@click="handleClickDate(item)"> |
|
|
|
<div class="date">{{ item.date }}</div> |
|
|
|
<div class="nongli"> |
|
|
|
{{ computeNongliText(item.year, item.month, item.date) }} |
|
|
|
</div> |
|
|
|
<slot name="date-item" v-bind:item="item" v-bind:index="index"> </slot> |
|
|
|
<slot name="date-item" |
|
|
|
v-bind:item="item" |
|
|
|
v-bind:index="index"> </slot> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|