/* 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) { font-size: 36rpx; font-weight: 600; } .lesson-name text:nth-child(2) { height: 30rpx; margin-top: 6rpx; font-size: 28rpx; color: #bebebe; } /* 时间轴 */ .timer-shaft { overflow: hidden; margin: 0 0 50rpx 10rpx; padding: 0 25rpx; } .art-lesson { position: relative; height:40rpx; margin-top: 24rpx; } .art-con { display: flex; justify-content: space-between; margin-left: 53rpx; font-size: 28rpx; color: #303030; } .art-con text:nth-child(1) { width: 70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .art-con-color { display: flex; justify-content: space-between; height:40rpx; margin-left: 53rpx; font-size: 28rpx; color: #878787; } .art-con-color text:nth-child(1) { width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .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; top: 60rpx; font-size: 28rpx; line-height: 28rpx; height: 28rpx; color: #93AAFA; border: 2rpx solid #93AAFA; border-radius: 28rpx; padding: 10rpx 40rpx; } .dirImg{ width: 16rpx; height: 9rpx; vertical-align: middle; margin-right: 10rpx; }