css:
/* 课程列表 */
.courses_lists{
width: 100%;
}
/* 专栏列表 */
.course_row{
display: flex;
flex-direction: row;
align-content: space-around;
flex-wrap: wrap;
padding: 32rpx;
}
.course_item{
width: 33%;
display: flex;
flex-direction: column;
align-content: space-around;
align-items: center;
margin-bottom: 30rpx;
}
.course_img{
width: 90%;
height: 220rpx;
display: block;
}
.course_text{
font-size: 26rpx;
color: #222;
margin-top: 20rpx;
}
/* 更多一行 */
.rowbetween{
display: flex;
justify-content: space-between;
}
.more{
padding:20rpx 32rpx;
font-size: 32rpx;
color: #222;
font-weight: bold;
}
.more .small{
font-size: 26rpx;
color: #888;
}
效果: