index.module.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .unitSubject {
  2. padding: 15px;
  3. margin: 0 13px;
  4. background-color: #fff;
  5. // overflow: hidden;
  6. border-radius: 10px;
  7. & + .unitSubject {
  8. margin-top: 12px;
  9. }
  10. }
  11. .unitAnswers {
  12. position: relative;
  13. padding-top: 20px;
  14. padding-bottom: 20px;
  15. .answerItem {
  16. position: relative;
  17. z-index: 2;
  18. margin-bottom: 15px;
  19. display: flex;
  20. align-items: center;
  21. justify-content: space-between;
  22. &:last-child {
  23. margin-bottom: 0;
  24. }
  25. }
  26. .img {
  27. width: 95px;
  28. }
  29. .unitItem {
  30. display: flex;
  31. align-items: center;
  32. justify-content: center;
  33. background: #ffffff;
  34. border-radius: 6px;
  35. border: 2px solid #d5d5d5;
  36. overflow: hidden;
  37. height: 54px;
  38. width: 95px;
  39. font-size: 16px;
  40. font-weight: 500;
  41. color: #333333;
  42. line-height: 22px;
  43. text-align: center;
  44. }
  45. .active {
  46. border: 2px solid #ff8057;
  47. color: #f67146;
  48. }
  49. }
  50. .canvasSection {
  51. position: absolute;
  52. top: 0;
  53. left: 0;
  54. }
  55. .resetBtnGroup {
  56. text-align: right;
  57. padding-bottom: 16px;
  58. :global {
  59. .van-button {
  60. min-width: 84px;
  61. line-height: 31px;
  62. height: 31px;
  63. font-size: 15px;
  64. font-weight: 500;
  65. }
  66. }
  67. }