.date-show{ position: relative; width: 250rpx; font-family: PingFang-SC-Regular; font-size: 40rpx; color: #282828; text-align: center; margin: 30rpx auto; } .lt-arrow,.rt-arrow{ position: absolute; top: 1rpx; width: 60rpx; line-height: 60rpx; padding-right: 0.6rem; } .lt-arrow image,.rt-arrow image{ width: 40rpx; height: 40rpx; } .lt-arrow{ left: -110rpx; /* transform: rotate(180deg); */ } .rt-arrow{ right: -100rpx; } .header{ font-size: 0; padding: 0 24rpx; } .header>view{ display: inline-block; width: 14.285%; color: #333; font-size: 30rpx; text-align: center; border-bottom: 1px solid #D0D0D0; padding: 39rpx 0; } .weekMark{ position: relative; } .weekMark view{ position: absolute; bottom: 0; left: 0; width: 100%; /* border-bottom: 1px solid #22A7F6; */ } .date-box{ font-size: 0; padding: 10rpx 0; } .date-box>view{ position: relative; width: 14.285%; color: #020202; font-size: 40rpx; text-align: center; vertical-align: middle; height: 90rpx; display: inline-flex; align-items: center; justify-content: center; } .date-head{ /* height: 60rpx; */ /* line-height: 60rpx; */ font-size: 26rpx; } .date-head.disable { color: #999; } .date-tip { font-size: 24rpx; line-height: 26rpx; color: #D62828; } .date-tip.disable { color: #999; } .nowDay .date-head{ width: 60rpx; line-height: 60rpx; border-radius: 50%; text-align: center; color: #fff; background-color: #0B898E; margin: 0 auto; } .date-weight{ font-size: 22rpx; padding: 15rpx 0; } .nowDay .date-weight{ color: #0B898E; } .one{ position: absolute; bottom: 0; right: 5rpx; width: 20rpx; height: 20rpx; border-radius: 50%; background-color: red; } .two{ position: absolute; bottom: 30rpx; right: 5rpx; width: 20rpx; height: 20rpx; border-radius: 50%; background-color: blue; }