43 lines
774 B
Vue
43 lines
774 B
Vue
|
<template>
|
||
|
|
<div class="calendarInfo">
|
||
|
|
<uni-calendar :insert="true" :selected="selected" :lunar="false" @change="change"/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { uniCalendar } from "@dcloudio/uni-ui"
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
date: '',
|
||
|
|
selected: [{date: '2022-07-12'}],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
uniCalendar
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
change(val) {
|
||
|
|
this.date = `${val.year} + '-' + ${val.month} + '-' + ${val.day}`
|
||
|
|
},
|
||
|
|
},
|
||
|
|
onShow() {},
|
||
|
|
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.calendarInfo {
|
||
|
|
::v-deep .uni-calendar-item__weeks-box-circle {
|
||
|
|
top: 77%;
|
||
|
|
right: 45%;
|
||
|
|
border-radius: 12px;
|
||
|
|
}
|
||
|
|
::v-deep .uni-calendar__header {
|
||
|
|
height: 76px;
|
||
|
|
}
|
||
|
|
::v-deep .uni-calendar__backtoday {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|