| | |
| | | .bocklogBox { |
| | | width: 100%; |
| | | // height: 306px; |
| | | height: pxToVh(326); |
| | | height: pxToVh(316); |
| | | background: rgba(255, 255, 255, 0.41); |
| | | box-shadow: 0px 3px 4px -1px rgba(125, 125, 125, 0.25); |
| | | border-radius: 8px 8px 8px 8px; |
| | |
| | | <template> |
| | | <div class="calenBox"> |
| | | <el-calendar ref="calendar" v-model="currentMonth"> |
| | | <el-calendar ref="calendar" v-model="currentMonth" > |
| | | <template #header="{ date }"> |
| | | <div> |
| | | <img :src="caleft" alt="" @click="selectDate('prev-month')" /> |
| | | |
| | | <el-date-picker |
| | | v-model="currentMonth" |
| | | type="month" |
| | |
| | | |
| | | <style lang="scss"> |
| | | .calenBox { |
| | | height: pxToVh(660); |
| | | height: pxToVh(670); |
| | | // 隐藏按钮组中间按钮 |
| | | .el-button-group > .el-button:not(:first-child):not(:last-child) { |
| | | display: none; |
| | |
| | | <style lang="scss" scoped> |
| | | .calenBox { |
| | | margin-top: 10px; |
| | | height: pxToVh(622); |
| | | height: pxToVh(632); |
| | | border-radius: 10px; |
| | | overflow: hidden; |
| | | background-color: #fff; |
| | |
| | | color: #363636; |
| | | } |
| | | .el-calendar-table .el-calendar-day { |
| | | height: pxToVh(85) !important; |
| | | height: pxToVh(88) !important; |
| | | } |
| | | |
| | | // 选中日期样式 |
| | |
| | | background: #ffffff !important; |
| | | margin-top: 10px; |
| | | margin-left: 10px; |
| | | height: pxToVh(471); |
| | | height: pxToVh(473); |
| | | .card-title { |
| | | display: flex; |
| | | margin-bottom: 10px; |