|
@@ -3,6 +3,8 @@ |
|
|
.wh_item_date:hover { |
|
|
.wh_item_date:hover { |
|
|
background: #71c7a5; |
|
|
background: #71c7a5; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
* { |
|
|
* { |
|
@@ -115,7 +117,8 @@ wh_content_item_tag { |
|
|
.wh_content_item > .wh_isMark { |
|
|
.wh_content_item > .wh_isMark { |
|
|
margin: auto; |
|
|
margin: auto; |
|
|
border-radius: 100px; |
|
|
border-radius: 100px; |
|
|
background: blue; |
|
|
|
|
|
|
|
|
background: #7d7df5; |
|
|
|
|
|
color: #fff; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
} |
|
|
} |
|
|
.wh_content_item .wh_other_dayhide { |
|
|
.wh_content_item .wh_other_dayhide { |
|
@@ -154,6 +157,7 @@ wh_content_item_tag { |
|
|
<div class="wh_content_item" v-for="(item,index) in list" :key="index" @click="clickDay(item,index)"> |
|
|
<div class="wh_content_item" v-for="(item,index) in list" :key="index" @click="clickDay(item,index)"> |
|
|
<div |
|
|
<div |
|
|
class="wh_item_date" |
|
|
class="wh_item_date" |
|
|
|
|
|
:style="{background:item.isMark?theme:''}" |
|
|
v-bind:class="[{ wh_isMark: item.isMark},{wh_other_dayhide:item.otherMonth!=='nowMonth'},{wh_want_dayhide:item.dayHide},{wh_isToday:item.isToday},{wh_chose_day:item.chooseDay},setClass(item)]" |
|
|
v-bind:class="[{ wh_isMark: item.isMark},{wh_other_dayhide:item.otherMonth!=='nowMonth'},{wh_want_dayhide:item.dayHide},{wh_isToday:item.isToday},{wh_chose_day:item.chooseDay},setClass(item)]" |
|
|
>{{item.id}}</div> |
|
|
>{{item.id}}</div> |
|
|
</div> |
|
|
</div> |
|
@@ -163,6 +167,8 @@ wh_content_item_tag { |
|
|
</template> |
|
|
</template> |
|
|
<script> |
|
|
<script> |
|
|
import timeUtil from "./calendar"; |
|
|
import timeUtil from "./calendar"; |
|
|
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
|
|
const c = console.log.bind(document); |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
@@ -202,6 +208,9 @@ export default { |
|
|
this.intStart(); |
|
|
this.intStart(); |
|
|
this.myDate = new Date(); |
|
|
this.myDate = new Date(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
computed:{ |
|
|
|
|
|
...mapGetters(['theme']) |
|
|
|
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
intStart() { |
|
|
intStart() { |
|
|
timeUtil.sundayStart = this.sundayStart; |
|
|
timeUtil.sundayStart = this.sundayStart; |
|
|