hyj-ui/dist/my-ui.min.css

测试文件

*{margin:0;padding:0}.calendar-body table,.calendar-body table thead{width:100%}.calendar-body table thead tr{display:flex;justify-content:space-around;width:100%}.calendar-body table tbody{width:100%}.calendar-body table tbody tr{display:flex;justify-content:space-around;width:100%}.calendar-body table tbody tr .date-cell:hover{background-color:#f5f5f5}.calendar-body table tbody tr .other-month{color:#bfbfbf}.calendar-body table tbody tr td{display:flex;justify-content:center;align-items:center;width:100%;height:81px;border:1px solid #ebebeb;border-bottom:0;border-right:0}.calendar-body table tbody tr td:last-child{border-right:1px solid #ebebeb}.calendar-body table tbody tr:last-child td{border-bottom:1px solid #ebebeb}.head{display:flex;justify-content:space-around;align-items:center;font-size:13px;color:#999}.head,.head .item{box-sizing:border-box;width:100%}.head .item{height:46px;border:1px solid #ebebeb;border-bottom:0;line-height:46px;text-align:center;border-right:0}.head .item:last-child{border-right:1px solid #ebebeb}.calendar_content{display:flex;flex-wrap:wrap;justify-content:space-around;box-sizing:border-box;width:100%}.calendar_content .item{box-sizing:border-box;width:14.2%;height:46px;border:1px solid #ebebeb;border-bottom:0;line-height:46px;text-align:center;border-right:0}.calendar_content .item:nth-child(7n){border-right:1px solid #ebebeb}