system-setting.scss 1.5 KB

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