/* compontents/lesson_list/lessonList.wxss */ .lesson-list { width: 100%; margin: 20rpx 0; border-radius: 25rpx; padding: 20rpx 0; box-sizing: border-box; background: #fff; position: relative; } .this-week { display: flex; padding: 0 25rpx; box-sizing: border-box; } .this-week image { width: 86rpx; height: 86rpx; } .lesson-name { display: flex; flex-direction: column; margin: 8rpx 16rpx; } .lesson-name text:nth-child(1) { height: 38rpx; font-size: 32rpx; font-weight: 600; } .lesson-name text:nth-child(2) { height: 30rpx; margin-top: 10rpx; font-size: 24rpx; color: #C3C3C3; } /* 时间轴 */ .timer-shaft { height: 276rpx; overflow: hidden; margin: 0 0 68rpx 10rpx; padding: 0 25rpx; } .art-lesson { position: relative; margin-top: 30rpx; } .art-con { display: flex; justify-content: space-between; margin-left: 53rpx; font-size: 28rpx; color: #444; } .art-con-color { display: flex; justify-content: space-between; margin-left: 53rpx; font-size: 28rpx; color: #878787; } .graph { position: absolute; left: 0; top: 10rpx; display: flex; flex-direction: column; align-items: center; } .yuan { height: 18rpx; width: 18rpx; border-radius: 50%; } .long-line { height: 56rpx; width: 4rpx; } .nocheckyuan { border: 2rpx solid #878787; } .check { background: #48bdfb; } .no-check { border: 2rpx solid #878787; } .nocheck { background: #878787; } .none { display: none; } .unfold { position: absolute; right: 28rpx; bottom: 24rpx; font-size: 28rpx; color: #93AAFA; }