curve-compare.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. $color: #c0c4cc;
  2. $bgColor: #232526;
  3. $hover-color: #304156;
  4. .force_box {
  5. display: flex;
  6. overflow-y: auto;
  7. height: 100%;
  8. .station_tree {
  9. min-width: 200px;
  10. width: 220px;
  11. max-width: 450px;
  12. overflow-y: auto;
  13. height: calc(100vh - 70px);
  14. border-right: 1px solid #606266;
  15. overflow-y: auto;
  16. @import './tree-data.scss';
  17. // 禁用
  18. .is_disabled {
  19. color: #606266;
  20. cursor: not-allowed;
  21. }
  22. }
  23. .charts {
  24. flex: 1;
  25. width: 100%;
  26. box-sizing: border-box;
  27. overflow-y: hidden;
  28. .show_org {
  29. padding: 3px;
  30. font-size: 28px;
  31. color: #909399;
  32. cursor: pointer;
  33. }
  34. .times {
  35. display: flex;
  36. margin-top: 5px;
  37. padding-bottom: 5px;
  38. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  39. .times_tools {
  40. text-align: left;
  41. .p_style {
  42. margin: 0;
  43. padding: 3px 5px;
  44. }
  45. }
  46. }
  47. .line_chart {
  48. display: flex;
  49. flex-direction: column;
  50. height: calc(100% - 80px);
  51. max-width: calc(100% - 15px);
  52. box-sizing: border-box;
  53. .charts_style {
  54. flex: 1;
  55. width: 100%;
  56. }
  57. }
  58. }
  59. }