洛阳学员端
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.

128 lines
2.0 KiB

8 months ago
  1. .h1 {
  2. padding: 30rpx 0 30rpx 0;
  3. }
  4. .card {
  5. background: #FFFFFF;
  6. border-radius: 16rpx;
  7. padding: 0rpx 20rpx;
  8. margin-bottom: 20rpx;
  9. overflow: hidden;
  10. .date {
  11. font-size: 28rpx;
  12. color: #999;
  13. white-space: nowrap;
  14. flex-shrink: 0;
  15. }
  16. &.mb0 {
  17. margin-bottom: 0;
  18. }
  19. .flex-b {
  20. align-items: center;
  21. .lab {
  22. font-size: 28rpx;
  23. color: #333;
  24. }
  25. }
  26. }
  27. .btn {
  28. height: 44rpx;
  29. padding: 0 18rpx;
  30. background: $themC;
  31. border-radius: 8rpx;
  32. font-size: 28rpx;
  33. color: #fff;
  34. text-align: center;
  35. line-height: 44rpx;
  36. &.disable {
  37. opacity: 0.3;
  38. }
  39. &.status {
  40. border-radius: 10rpx 6rpx 6rpx 0px;
  41. }
  42. }
  43. .learnStatus {
  44. .more {
  45. display: flex;
  46. align-items: center;
  47. .txt {
  48. font-size: 24rpx;
  49. color: #686B73;
  50. }
  51. .moreIcon {
  52. }
  53. }
  54. .bg {
  55. background: #F6F7FA;
  56. border-radius: 16rpx;
  57. margin-bottom: 20rpx;
  58. padding: 0rpx 20rpx 0 20rpx;
  59. .row {
  60. display: flex;
  61. justify-content: space-between;
  62. width: 100%;
  63. align-items: center;
  64. border-bottom: 1rpx solid #E3EAFB;
  65. height: 88rpx;
  66. color: $themC;
  67. font-size: 28rpx;
  68. &:last-child {
  69. border: none;
  70. }
  71. &.oneBtn {
  72. justify-content: center;
  73. }
  74. }
  75. // .text {
  76. // }
  77. }
  78. }
  79. .tpsLine {
  80. font-size: 24rpx;
  81. color: #ADADAD;
  82. border-top: 1px solid #E8E9EC;
  83. margin-top: 20rpx;
  84. padding-top: 18rpx;
  85. }
  86. .cancel {
  87. font-size: 28rpx;
  88. font-weight: 400;
  89. color: #ADADAD;
  90. margin-top: 22rpx;
  91. text-decoration: underline;
  92. }
  93. .padTb {
  94. padding: 30rpx 0;
  95. align-items: flex-start !important;
  96. .date {
  97. margin-top: 4rpx;
  98. padding-left: 20rpx;
  99. }
  100. }
  101. .link-arrow {
  102. display: flex;
  103. align-items: center;
  104. font-size: 28rpx;
  105. color: $themC;
  106. height: 100rpx;
  107. .txt {
  108. margin-right: 4rpx;
  109. }
  110. }
  111. .mt20 {
  112. margin-top: 20rpx;
  113. margin-bottom: 0;
  114. }