system-setting.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. $color: #c0c4cc;
  2. $bgColor: #232526;
  3. $hover-color: #304156;
  4. .system_setting_box {
  5. display: flex;
  6. overflow-y: auto;
  7. .station_tree {
  8. min-width: 260px;
  9. max-width: 450px;
  10. overflow-y: auto;
  11. height: calc(100vh - 70px);
  12. border-right: 1px solid #606266;
  13. overflow-y: auto;
  14. @import './tree-data.scss';
  15. // 禁用
  16. .is_disabled {
  17. color: #606266;
  18. cursor: not-allowed;
  19. }
  20. }
  21. .charts {
  22. flex: 1;
  23. padding: 10px;
  24. text-align: left;
  25. position: relative;
  26. .show_org {
  27. position: absolute;
  28. left: 10px;
  29. top: 10px;
  30. padding: 5px;
  31. font-size: 28px;
  32. color: #909399;
  33. cursor: pointer;
  34. }
  35. /deep/ .el-tabs {
  36. width: 680px;
  37. border: 1px dashed #606266;
  38. padding: 20px;
  39. margin-bottom: 10px;
  40. }
  41. /deep/ .el-tabs__item {
  42. color: $color;
  43. }
  44. /deep/ .el-tabs__item.is-active {
  45. color: #409eff;
  46. }
  47. // tabs下面的横线
  48. /deep/ .el-tabs__nav-wrap::after {
  49. background-color: $hover-color;
  50. }
  51. /deep/ .el-tabs__content {
  52. .el-radio__label {
  53. color: $color;
  54. }
  55. .el-radio__input.is-checked + .el-radio__label {
  56. color: #409eff;
  57. }
  58. .el-input-number__decrease,
  59. .el-input-number__increase {
  60. background: $bgColor;
  61. border-left-color: #606266;
  62. }
  63. .el-input-number__increase {
  64. border-bottom-color: #606266;
  65. }
  66. p {
  67. margin: 12px 0;
  68. }
  69. p.no_show {
  70. visibility: hidden;
  71. margin: 8px 0;
  72. }
  73. .mark {
  74. color: red;
  75. }
  76. .position_left {
  77. padding-left: 8px;
  78. }
  79. }
  80. }
  81. }