.date-show{ position: relative; /* width: 250rpx; */ font-family: PingFang-SC-Regular; font-size: 40rpx; color: #282828; height: 60rpx; display: flex; justify-content: center; align-items: center; } .lt-arrow,.rt-arrow{ position: absolute; top: 1rpx; width: 60rpx; height: 60rpx; padding-right: 0.6rem; } .date-show image{ width: 40rpx; height: 40rpx; margin: 0 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; display: inline-block; width: 14.285%; color: #020202; font-size: 40rpx; text-align: center; vertical-align: middle; margin: 15rpx 0; } .date-head{ height: 60rpx; line-height: 60rpx; font-size: 26rpx; } .nowDay .date-head{ width: 60rpx; border-radius: 50%; text-align: center; color: #fff; background-color: #6282f4; margin: 0 auto; } .date-weight{ font-size: 22rpx; padding: 15rpx 0; } .nowDay .date-weight{ color: #22A7F6; } .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; } /* 列表 */ .list{ background: #f5f5f5; width: 100%; padding: 20rpx 0rpx; } .line{ width: 690rpx; height: 166rpx; margin: 0 auto; border-radius: 10rpx; background: #fff; display: flex; flex-direction: column; margin-top: 20rpx; } .line-top{ display: flex; margin-top: 40rpx; height: 50rpx; align-items: center; } .line-ps{ width: 12rpx; height: 12rpx; border-radius: 50%; margin-left: 30rpx; } .line-data{ font-size: 36rpx; color: #333; margin-left: 20rpx; } .line-title{ color: #6282f4; font-size: 30rpx; margin-left: 30rpx; } .line-bottom{ display: flex; height: 40rpx; margin-top: 20rpx; align-items: center; } .line-bottom image{ width: 25rpx; height: 28rpx; margin-left: 60rpx; } .line-bottom view{ font-size: 30rpx; color: #666; margin-left: 10rpx; } .nodata{ text-align: center; margin: 30rpx 0rpx; }