洛阳学员端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

108 lines
1.7 KiB

10 months ago
  1. .h1 {
  2. font-size: 32rpx;
  3. color: #333;
  4. font-weight: 500;
  5. position: relative;
  6. padding: 0 0 0 32rpx;
  7. line-height: 108rpx;
  8. height: 108rpx;
  9. &::before {
  10. position: absolute;
  11. content: '';
  12. width: 8rpx;
  13. height: 32rpx;
  14. background: #1F6EFA;
  15. border-radius: 4rpx;
  16. top: 50%;
  17. left: 0;
  18. transform: translateY(-50%);
  19. }
  20. }
  21. .card {
  22. background: #FFFFFF;
  23. border-radius: 16rpx;
  24. padding: 28rpx 32rpx;
  25. margin-bottom: 20rpx;
  26. &.mb0 {
  27. margin-bottom: 0;
  28. }
  29. .flex-b {
  30. align-items: center;
  31. .lab {
  32. font-size: 28rpx;
  33. color: #333;
  34. }
  35. .btn {
  36. width: 144rpx;
  37. height: 56rpx;
  38. background: #1989FA;
  39. border-radius: 8rpx;
  40. font-size: 28rpx;
  41. color: #fff;
  42. text-align: center;
  43. line-height: 56rpx;
  44. &.disable {
  45. opacity: 0.3;
  46. }
  47. }
  48. }
  49. .date {
  50. font-size: 28rpx;
  51. color: #333;
  52. }
  53. }
  54. .learnStatus {
  55. .more {
  56. display: flex;
  57. align-items: center;
  58. .txt {
  59. font-size: 24rpx;
  60. color: #686B73;
  61. }
  62. .moreIcon {
  63. }
  64. }
  65. .bg {
  66. background: rgba(25,137,250,0.1);
  67. border-radius: 16rpx;
  68. margin-top: 22rpx;
  69. padding: 20rpx 20rpx 0 20rpx;
  70. .row {
  71. padding-bottom: 20rpx;
  72. display: flex;
  73. justify-content: space-between;
  74. width: 100%;
  75. align-items: center;
  76. &.oneBtn {
  77. justify-content: center;
  78. }
  79. }
  80. .text {
  81. color: $themC;
  82. font-size: 28rpx;
  83. }
  84. }
  85. }
  86. .tpsLine {
  87. font-size: 24rpx;
  88. color: #ADADAD;
  89. border-top: 1px solid #E8E9EC;
  90. margin-top: 20rpx;
  91. padding-top: 18rpx;
  92. }
  93. .cancel {
  94. font-size: 28rpx;
  95. font-weight: 400;
  96. color: #ADADAD;
  97. margin-top: 22rpx;
  98. text-decoration: underline;
  99. }