微信小程序选课页面样式设计 - 课程列表展示

.container { padding: 20rpx; }

.title { font-size: 24rpx; font-weight: bold; margin-bottom: 20rpx; }

.course { display: flex; flex-direction: column; background-color: #fff; border-radius: 10rpx; padding: 20rpx; margin-bottom: 20rpx; box-shadow: 0 2rpx 5rpx rgba(0, 0, 0, 0.1); }

.name { font-size: 20rpx; font-weight: bold; margin-bottom: 10rpx; }

.teacher { font-size: 16rpx; color: #666; margin-bottom: 10rpx; }

.time { font-size: 16rpx; color: #666; margin-bottom: 10rpx; }

.location { font-size: 16rpx; color: #666; margin-bottom: 20rpx; }

.btn { display: flex; justify-content: flex-end; }

button { background-color: #007aff; color: #fff; border-radius: 5rpx; padding: 10rpx 20rpx; font-size: 16rpx; border: none; outline: none; cursor: pointer; }

button:hover { background-color: #0062cc; }