curriculum.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. .filter {
  2. width: 40px;
  3. text-align: center;
  4. }
  5. .curr-content {
  6. position: relative;
  7. width: 100%;
  8. height: calc(100% - 50px);
  9. }
  10. .curr-item {
  11. display: flex;
  12. justify-content: center;
  13. position: absolute;
  14. top: 0;
  15. width: 100%;
  16. border-bottom: 1px solid #f5f5f7;
  17. border-top: 1px solid #f5f5f7;
  18. /* padding-bottom: 10px; */
  19. }
  20. .curr-item view {
  21. width: 50%;
  22. text-align: center;
  23. padding-bottom: 10px;
  24. padding-top: 10px;
  25. }
  26. .curr-item view:nth-child(1) {
  27. border-right: 1px solid #f5f5f7;
  28. }
  29. .curr-content scroll-view {
  30. position: absolute;
  31. top: 43px;
  32. height: calc(100% - 100px);
  33. }
  34. .curr-btn {
  35. position: absolute;
  36. bottom: 0px;
  37. display: flex;
  38. justify-content: center;
  39. width: 100%;
  40. /* margin-top: 10px; */
  41. padding-top: 10px;
  42. }
  43. .work-cell {
  44. display: flex;
  45. border-bottom: 1px solid #f5f5f7;
  46. }
  47. .work-cell .work-name,
  48. .work-cell .work-class {
  49. height: 40px;
  50. width: 50%;
  51. display: flex;
  52. align-items: center;
  53. justify-content: center;
  54. }
  55. .work-cell .work-name text,
  56. .work-cell .work-class text {
  57. display: inline-block;
  58. width: 80%;
  59. overflow: hidden;
  60. text-overflow: ellipsis;
  61. white-space: nowrap;
  62. }
  63. .work-cell .work-class {
  64. width: 50%;
  65. border-left: 1px solid #f5f5f7;
  66. }
  67. .filter-sheet {
  68. width: 100%;
  69. height: 320px;
  70. }
  71. .time-content {
  72. display: flex;
  73. }
  74. .time-content .title {
  75. /* margin: 0 10px; */
  76. width: 5em;
  77. }
  78. .time-content text:nth-child(3) {
  79. margin: 0 10px;
  80. }
  81. .issus-content {
  82. display: flex;
  83. justify-content: flex-start;
  84. }
  85. .issus-content text {
  86. /* width: 5em; */
  87. }
  88. .btn-attr {
  89. display: flex;
  90. width: 100%;
  91. justify-content: space-around;
  92. margin-top: 20px;
  93. }
  94. .btn-attr van-button {
  95. width: 40%;
  96. border-radius: 20px !important;
  97. }
  98. .btn-style {
  99. border-radius: 10px;
  100. }
  101. .class-item-cell {
  102. width: 700rpx;
  103. /* display: flex; */
  104. }
  105. .class-item-cell .content {
  106. display: flex;
  107. }
  108. .class-item-cell .cell {
  109. width: 50px;
  110. height: 20px;
  111. line-height: 22px;
  112. text-align: center;
  113. border-radius: 10px;
  114. border: 1px solid #f5f5f7;
  115. padding: 0 3px;
  116. margin-right: 10px;
  117. overflow: hidden;
  118. text-overflow: ellipsis;
  119. white-space: nowrap;
  120. }
  121. .class-item-cell .active {
  122. border-color: #248af7;
  123. color: #248af7;
  124. }
  125. .form-create {
  126. max-width: 700rpx;
  127. padding-bottom: 20px;
  128. }
  129. .choose-upload {
  130. display: flex;
  131. align-items: center;
  132. justify-content: center;
  133. color: #999;
  134. border: 1px dashed #999;
  135. width: 130px;
  136. height: 30px;
  137. margin-left: 25px;
  138. }
  139. .choose-upload text {
  140. font-size: 12px;
  141. }
  142. .upload {
  143. display: flex;
  144. align-items: center;
  145. }
  146. .upload > text {
  147. width: 5em;
  148. display: block;
  149. }
  150. .choose-upload text {
  151. max-width: 100px;
  152. overflow: hidden;
  153. text-overflow: ellipsis;
  154. white-space: nowrap;
  155. }
  156. .choose-upload van-icon {
  157. margin-right: 5px;
  158. }