| | |
| | | </script> |
| | | <style lang="scss"> |
| | | .calenBox { |
| | | height: 630px; |
| | | // height: 630px; |
| | | height: pxToVh(610); |
| | | .el-calendar { |
| | | height: 100%; // 日历填充容器 |
| | | // height: 80%; // 日历填充容器 |
| | | // 标题样式 |
| | | &__title { |
| | | font-weight: bold; |
| | |
| | | } |
| | | |
| | | // 日历主体 |
| | | &__body { |
| | | height: 98%; // 关键:继承父高度 |
| | | // &__body { |
| | | // height: 98%; // 关键:继承父高度 |
| | | |
| | | .el-calendar-table { |
| | | height: 90% !important; // 百分比生效 |
| | | } |
| | | } |
| | | |
| | | // .el-calendar-table { |
| | | // height: 90% !important; // 百分比生效 |
| | | // } |
| | | // } |
| | | .el-calendar-table .el-calendar-day{ |
| | | height: 78px !important;} |
| | | // 选中日期样式 |
| | | .el-calendar-table td.is-selected { |
| | | background-color: #f0f7ff; |
| | |
| | | </style> |
| | | <style lang="scss" scoped> |
| | | .calenBox { |
| | | margin-top: 17px; |
| | | height: 630px; |
| | | margin-top: 10px; |
| | | // height: 630px; |
| | | height: pxToVh(610); |
| | | border-radius: 10px; |
| | | overflow: hidden; |
| | | background-color: #fff; |
| | | .event-item { |
| | | font-size: 12px; |
| | | // padding: 2px; |
| | | |
| | | border-radius: 3px; |
| | | white-space: nowrap; |
| | | // overflow: hidden; |
| | | // text-overflow: ellipsis; |
| | | |
| | | &.work-order { |
| | | font-weight: 400; |
| | | font-size: 12px; |