| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- $color: #c0c4cc;
- $bgColor: #232526;
- $hover-color: #304156;
- .system_setting_box {
- display: flex;
- overflow-y: auto;
- .station_tree {
- min-width: 260px;
- max-width: 450px;
- overflow-y: auto;
- height: calc(100vh - 70px);
- border-right: 1px solid #606266;
- @import './tree-data.scss';
- // 禁用
- .is_disabled {
- color: #606266;
- cursor: not-allowed;
- }
- }
- .charts {
- flex: 1;
- padding: 10px;
- text-align: left;
- position: relative;
- .show_org {
- position: absolute;
- left: 10px;
- top: 10px;
- padding: 5px;
- font-size: 28px;
- color: #909399;
- cursor: pointer;
- }
- /deep/ .el-tabs {
- width: 680px;
- 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;
- }
- }
- }
- }
|