.deviceSetting_wrap { height: 100vh; background: #fff; border-radius: 2px; & > header { box-sizing: border-box; padding: 16px; height: 62px; font-family: Douyin Sans, Douyin Sans; font-weight: bold; font-size: 20px; color: #333333; border-bottom: 1px solid rgba(21, 77, 221, 0.2); h3 { box-sizing: border-box; padding: 20px 0; height: 62px; font-weight: bold; font-size: 16px; color: #333333; border-bottom: 1px solid rgba(21, 77, 221, 0.2); } } .main_content { height: calc(100vh - 160px); margin: 16px 16px 0; .el-tabs { .el-tabs__header { background: rgba(21, 77, 221, 0.1); border-radius: 4px; margin: 0 0 16px; } .el-tabs__nav-wrap { .el-tabs__item { padding-left: 16px; padding-right: 16px; margin-right: 16px; height: 46px; line-height: 22px; color: #666666; &.is-active { font-weight: bold; color: var(--el-color-primary) !important; } } &::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0px !important; } } } .device_add_wrap { width: 57.64vw; margin: 0 auto; padding-top: 40px; .bg_preview { height: 412px; border: 1px dashed #ddd; } } .point_detail_wrap { .deviceOfPoint_wrap { border: 1px dashed #ddd; height: calc(100vh - 300px); } .footer_btns { padding: 16px 0; } } } /* TODO 待使用 */ .right-bar { margin-left: 16px; width: 304.07px; height: calc(100vh - 300px); overflow-y: scroll; background: #fafbff; border-radius: 4px; border: 1px solid rgba(21, 77, 221, 0.1); } #workspace { flex: 1; width: 100%; position: relative; overflow: hidden; } } /* 选择设备栏位 */ .deviceSelect_toolbar { font-size: 14px; .deviceSelect_list { li { border-radius: 2px; height: 40px; &.active { background: rgba(21, 77, 221, 0.1); } } } .bind_tag { width: 52px; height: 24px; background: rgba(82, 196, 26, 0.05); border-radius: 2px; border: 1px solid #52c41a; font-size: 12px; color: #52c41a; line-height: 24px; } .device_info_btn { color: #333333; } } .device_info_box { .device_info_items { & > li { padding-bottom: 12px; &:last-child { padding-bottom: 0; } } } } /* 设备属性栏位 */ .deviceAtrr_toolbar { padding: 12px; .el-radio__label { display: flex; align-items: center; } .el-form-item__label { color: #000000; } }