.calendar-Time-header{ /* text-align: center; height: 50upx; line-height: 50upx; vertical-align: middle; padding: 20upx; */ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20rpx; } .header-left { display: flex; align-items: center; } .header-left image { width: 30rpx; height: 30rpx; } .header-left text { font-size: 32rpx; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #222222; margin: 0 40rpx } .header-right { font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #0055FF; } .calendar-TimeH{ } .calendar-lastMonth{ width: 100upx; font-size: 35upx; margin-right: 10%; padding: 0 5px; text-align: center; } .calendar-nextMonth{ width: 100upx; text-align: center; margin-left: 10%; font-size: 35upx; padding: 0 5px; } .calendar-backToToday{ text-align: center; font-size: 24upx; position: absolute; right: 5px; } .calendar-row:before, .calendar-row:after { display: table; content: ' '; } .calendar-row:after { clear: both; } .calendar-col { width: 14.285714%; max-width: 14.285714%; position: relative; float: left; font-weight: 500; min-height: 80upx; font-size: 28rpx; /* color: #999999; */ color: #222222; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; display: flex; align-items: center; justify-content: center; } .aligncanter { text-align: center; /* border-bottom: 1rpx solid #E5E5E5; */ } .calendar-header { color: gray; height: 40upx; line-height: 40upx; vertical-align: middle; font-size: 24upx; } .calendar-day { height: 80upx; transform: translate3d(0px, 0px, 0px) translateZ(0px); transition-duration: 0ms; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .calendar-content { } .calendar-date{ /* color: #000; */ } .calendar-today { /* border-radius: 6upx; background-color: #0055FF; */ color: #0055FF; /* -moz-box-shadow: 0px 2upx 10upx #ABABAB; -webkit-box-shadow: 0px 2upx 10upx #ABABAB; box-shadow: 0px 2upx 10upx #ABABAB; */ } .calendar-today .calendar-point{ color: white !important; } .calendar-today .calendar-text{ color: white !important; } .calendar-col-lastMonth .calendar-text{ color: gray; } .calendar-col-nextMonth .calendar-text{ color: gray; } /* .calendar-today .calendar-date{ color: white; } */ .calendar-active { color:#FFFFFF !important; background-color: #0055FF; /* -moz-box-shadow: 0px 2upx 10upx #ABABAB; -webkit-box-shadow: 0px 2upx 10upx #ABABAB; box-shadow: 0px 2upx 10upx #ABABAB; */ } /* 范围标记 */ .calendar-range { /* color:#01AAED; */ border-radius: 0px; background-color: #D9D9D9; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ClearBoth { clear: both; } .calendar-col-nextMonth{ color:gray; } .calendar-col-lastMonth{ color:gray; } .calendar-btn-disabled{ color:gainsboro; } .calendar-point{ width: 28rpx; height: 28rpx; box-sizing: border-box; background-color: #F62710; border-radius: 50%; font-size: 16upx; color: #FFFFFF; top:2upx; right: 2upx; position: absolute; display: flex; align-items: center; justify-content: center; } .calendar-text{ padding: 4rpx 0; width:100%;font-size: 20upx;color: #F62710;top:40upx;left: 0px;position: absolute;overflow:hidden; } .dayValue{ text-align: center; /* color: #000000; */ } .calendar-day-6-7{ /* color: orangered; */ } /* 超出日期范围 */ .calendar-out-of-Date{ background-color: #EAEAEA; } .calendar-out-of-Date .calendar-date{ color: gray; } /* 以下为实现0.5px底部边界 */ .under_line{position: relative;} .under_line:before, .under_line:after{position: absolute;content: " ";height: 1px;width: 100%;left: 0;transform-origin: 0 0;-webkit-transform-origin: 0 0;} /* .fineLine:before{顶部top: 0;background: #000;} */ .under_line:after{bottom: 0;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5){.under_line:after,.under_line:before{-webkit-transform: scaleY(.667);}} @media only screen and (-webkit-min-device-pixel-ratio: 2){.under_line:after,.under_line:before{-webkit-transform: scaleY(.5);}} /* 以上为实现0.5px底部边界 */