resistancemonitor/2.Web/static/css/force.scss

$color: #c0c4cc;
$bgColor: #232526;
$hover-color: #304156;
.force_box {
 display: flex;
 overflow-y: auto;
 height: 100%;
 .station_tree {
  min-width: 200px;
  width: 220;
  max-width: 450px;
  overflow-y: auto;
  height: calc(100vh - 70px);
  border-right: 1px solid #606266;
  overflow-y: auto;
  @import './tree-data.scss';
  // 禁用
  .is_disabled {
   color: #606266;
   cursor: not-allowed;
  }
 }

 .charts {
  flex: 1;
  .show_org {
   padding: 3px;
   font-size: 28px;
   color: #909399;
   cursor: pointer;
  }
  .times {
   display: flex;
   margin-top: 5px;
   .threshold {
    margin-left: auto;
   }
  }
  #line_chart {
   width: 100%;
   height: calc(100% - 80px);
   max-width: calc(100% - 5px);
  }
  .refer_curve_tools {
   display: flex;
   margin: 3px 0;
   .x_y_val {
    text-align: center;
    display: flex;
    span {
     padding: 1px;
    }
    .x_val,
    .y_val {
     border: 1px solid #909399;
     margin: 3px;
     border-radius: 3px;
    }
    .left:hover,
    .right:hover {
     cursor: pointer;
     color: #409eff;
     user-select: none;
    }
    .x,
    .y {
     color: #409eff;
     border-left: 1px solid #909399;
     border-right: 1px solid #909399;
     user-select: none;
    }
   }
  }
 }
 .setting_box {
  padding: 10px;
  text-align: left;
  // el-dialog不居中
  /deep/ .el-dialog {
   margin: 0;
  }
  /deep/ .el-tabs {
   border: 1px dashed #606266;
   padding: 20px;
   margin-bottom: 10px;
  }
  /deep/ .el-tabs__item {
   color: $color;
  }
  /deep/ .el-tabs__item.is-active {
   color: #409eff;
  }
  // tabs下面的横线
  /deep/ .el-tabs__nav-wrap::after {
   background-color: $hover-color;
  }

  /deep/ .el-tabs__content {
   .el-radio__label {
    color: $color;
   }
   .el-radio__input.is-checked + .el-radio__label {
    color: #409eff;
   }
   .el-input-number__decrease,
   .el-input-number__increase {
    background: $bgColor;
    border-left-color: #606266;
   }
   .el-input-number__increase {
    border-bottom-color: #606266;
   }
   p {
    margin: 12px 0;
   }
   p.no_show {
    visibility: hidden;
    margin: 8px 0;
   }
   .mark {
    color: red;
   }
   .position_left {
    padding-left: 8px;
   }
  }
 }
}