lessonsList.wxss 1.1 KB

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