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.

98 lines
2.6KB

  1. .project-detail[data-v-d5e7e9aa] {
  2. display: flex;
  3. }
  4. .project-detail .left[data-v-d5e7e9aa] {
  5. background: #fff;
  6. border-right: 1px solid #e1e5eb;
  7. flex-shrink: 0;
  8. }
  9. .project-detail .left .item[data-v-d5e7e9aa] {
  10. padding: 0.32rem 0.32rem;
  11. }
  12. .project-detail .left .item.active[data-v-d5e7e9aa] {
  13. color: #ffffff;
  14. background: #0057ff;
  15. }
  16. .project-detail .right[data-v-d5e7e9aa] {
  17. background: #ffffff;
  18. flex: 1;
  19. }
  20. .project-detail .right .myTab[data-v-d5e7e9aa] {
  21. width: 6.66667rem;
  22. }
  23. .project-detail .right[data-v-d5e7e9aa] .md-field {
  24. padding: 0.21333rem;
  25. padding-top: 0;
  26. border-radius: 0.21333rem;
  27. }
  28. .project-detail .right[data-v-d5e7e9aa] .md-field .md-cell-item:last-child .md-cell-item-body::before {
  29. border-bottom: 0;
  30. }
  31. .project-detail .right[data-v-d5e7e9aa] .md-field .md-cell-item:last-child .md-cell-item-children::before {
  32. border-bottom: 0;
  33. }
  34. .project-detail .right[data-v-d5e7e9aa] .md-cell-item-content .md-cell-item-title {
  35. font-size: 0.37333rem;
  36. color: #848c9c;
  37. }
  38. .project-detail .right[data-v-d5e7e9aa] .md-field-item.is-solid .md-field-item-title {
  39. font-size: 0.37333rem;
  40. color: #848c9c;
  41. }
  42. .project-detail .right[data-v-d5e7e9aa] .md-textarea-item__textarea {
  43. font-weight: 400;
  44. }
  45. .project-detail .right[data-v-d5e7e9aa] .md-cell-item-right {
  46. font-size: 0.37333rem;
  47. color: #111c33;
  48. }
  49. .project-detail .right[data-v-d5e7e9aa] .md-cell-item-children::before {
  50. content: '';
  51. position: absolute;
  52. z-index: 2;
  53. transform-origin: 100% 50%;
  54. transform: scaleY(0.5) translateY(100%);
  55. bottom: 0;
  56. left: 0;
  57. right: auto;
  58. top: auto;
  59. width: 100%;
  60. border-bottom: solid 0.02667rem #e2e4ea;
  61. transform-origin: 50% 100%;
  62. }
  63. .project-detail .right .no-border[data-v-d5e7e9aa] .md-cell-item-children::before {
  64. border: 0;
  65. }
  66. .project-detail .right .cell-children-conten[data-v-d5e7e9aa] .md-cell-item-body::before {
  67. content: none;
  68. }
  69. .project-detail .right .cell-children-conten[data-v-d5e7e9aa] .md-cell-item-children {
  70. padding-top: 0;
  71. padding-left: 0.8rem;
  72. }
  73. .project-detail .right .children-content[data-v-d5e7e9aa] {
  74. padding: 0.24rem 0;
  75. display: flex;
  76. justify-content: space-between;
  77. }
  78. .project-detail .right .children-content .label[data-v-d5e7e9aa] {
  79. font-size: 0.37333rem;
  80. color: #848c9c;
  81. }
  82. .project-detail .right .children-content .value[data-v-d5e7e9aa] {
  83. font-size: 0.37333rem;
  84. color: #111c33;
  85. }
  86. .project-detail .right .children-content[data-v-d5e7e9aa]:first-child {
  87. padding-top: 0;
  88. }
  89. .project-detail .right .children-content[data-v-d5e7e9aa]:last-child {
  90. padding-bottom: 0;
  91. }
  92. .project-detail .right .children-content-text[data-v-d5e7e9aa] {
  93. font-size: 0.37333rem;
  94. color: #111c33;
  95. word-break: break-word;
  96. }