1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- /* compontents/lesson_list/lessonList.wxss */
- .material {
- 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;
- }
- /* 预览图片 */
- .material-con {
- margin: 0 0 50rpx 10rpx;
- padding: 0 25rpx;
- overflow: hidden;
- }
- .art-img {
- position: relative;
- display: flex;
- justify-content: space-between;
- margin-left: 53rpx;
- height: 40rpx;
- font-size: 28rpx;
- color: #303030;
- margin-top: 24rpx;
- }
- .art-img text:nth-child(1) {
- width: 70%;
- overflow:hidden;
- white-space:nowrap;
- text-overflow:ellipsis;
- }
- .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;
- }
|