Browse Source

活动主题

dev-map-local
jiangyy 3 years ago
parent
commit
0367217943
  1. 16
      src/views/modules/communityParty/calendar/cpts/calendar.vue

16
src/views/modules/communityParty/calendar/cpts/calendar.vue

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

Loading…
Cancel
Save