/* component/calendar/calendar.wxss */ .calendar-week{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; color:#939191; text-align: center; font-size: 28rpx; } .main{ /* padding: 0rpx 24rpx; */ } .day-box { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; text-align: center; font-size: 28rpx; } .day-item{ position: relative; line-height: 85rpx; font-size: 32rpx; color: #000000; font-weight: bold; } .clockTrue,.clockFalse{ width: 12rpx; height: 12rpx; border-radius: 12rpx; background: #7CD47B; bottom: 6rpx; left: 0; margin: 0 auto; right: 0; position: absolute; } .clockFalse{ background-color: red; } .day-item.disable { color: #999999; } .current-time{ padding: 6px 16px; background: #F8F8F8; display: flex; align-items: center; justify-content: space-between; margin-bottom: 25rpx; } .pre, .next{ width: 56rpx; height: 56rpx; background: #EAEAEA; border-radius: 4rpx; color: #666666; font-size: 40rpx; font-weight: bold; display: flex; align-items: center; justify-content: center; } .time{ font-size: 36rpx; font-weight: bold; /* padding: 0 50rpx; */ } .select_on{ width: 85rpx; height: 85rpx; line-height: 85rpx; border-radius: 50%; background: #3D7EEA; color: #ffffff; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .splitLine{ width: 100%; height: 2rpx; /* background: #EAEAEA; */ position: relative; } .toShowBtn{ width: 30rpx; height: 30rpx; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .toHideBtn { top: 8rpx; transform: rotate(180deg); } .bottom-arrow1,.bottom-arrow2{ width:0; height:0; display:block; position:absolute; left:0; top:0; bottom: 0; right: 0; margin: auto; z-index: 5;/*兼容ie8-*/ border-bottom:0 transparent dashed; border-left:16rpx transparent dashed; border-right:16rpx transparent dashed; /* border-top:16rpx white solid; */ overflow:hidden; } .bottom-arrow1{ top:8rpx;/*重要*/ border-top:16rpx #707070 solid; } .bottom-arrow2{ border-top:16rpx #ffffff solid; }