lessonsList.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .lessons-box{
  2. display: flex;
  3. flex-wrap: wrap;
  4. justify-content: space-between;
  5. width: 646rpx;
  6. border-left: 4rpx solid #cc6031;
  7. border-radius: 15rpx;
  8. margin: 40rpx auto;
  9. padding: 25rpx;
  10. box-shadow: 0 15rpx 20rpx #eee;
  11. }
  12. .lessons-type{
  13. color: #FFF;
  14. background: #cc6031;
  15. line-height: 30rpx;
  16. height: 30rpx;
  17. margin-top: 20rpx;
  18. font-size: 24rpx;
  19. margin-right: 10rpx;
  20. padding: 0 5rpx;
  21. border-radius: 10rpx;
  22. font-weight: 400;
  23. }
  24. .lessons-title,.lessons-flag,.lessons-room,.lessons-teacher{
  25. height: 55rpx;
  26. line-height: 55rpx;
  27. }
  28. .lessons-title{
  29. font-size: 32rpx;
  30. width: 500rpx;
  31. margin-right: auto;
  32. }
  33. .lessons-flag{
  34. color: #cc6031;
  35. }
  36. .lessons-flag-ed{
  37. color: #999;
  38. }
  39. .lessons-room,.lessons-teacher{
  40. width: 100%;
  41. }
  42. .lessons-teacher,.lessons-date-box{
  43. color: #999;
  44. font-size: 28rpx;
  45. }
  46. .apply-btn{
  47. height: 60rpx;
  48. line-height: 60rpx;
  49. width: 180rpx;
  50. margin-left: auto;
  51. text-align: center;
  52. border: 1px solid #cc6031;
  53. border-radius: 100rpx;
  54. color: #cc6031;
  55. font-size: 28rpx;
  56. }
  57. .more-btn{
  58. height: 60rpx;
  59. line-height: 60rpx;
  60. color: #999;
  61. }