diff --git a/src/components/boxes/FanRuntime.vue b/src/components/boxes/FanRuntime.vue index 13f7f47..5b69039 100644 --- a/src/components/boxes/FanRuntime.vue +++ b/src/components/boxes/FanRuntime.vue @@ -1,49 +1,63 @@ - - - - - - 无数据 - - - - 序号 - 设备名称 - 运行频率 - 设备状态 - - - - - - - - - - - - - {{ d }} - - - - - - - - + + + + + + 无数据 + + + + + 序号 + + 设备名称 + 运行频率 + 设备状态 + + + + + + + + + + + + + + {{ d }} + + + + + + + + + - - - + + + @@ -145,19 +159,19 @@ export default { @import "../../assets/styles/functions"; ::-webkit-scrollbar { - width: 6px; - background: #eee1; + width: 6px; + background: #eee1; } ::-webkit-scrollbar-thumb { - width: 6px; - border-radius: 8px; - background: #eee3; + width: 6px; + border-radius: 8px; + background: #eee3; } .fan-list-enter-active, .fan-list-leave-active { - transition: all 0.5s; + transition: all 0.5s; } // .fan-list-leave-move { @@ -166,23 +180,23 @@ export default { .fan-list-enter, .fan-list-leave-to { - opacity: 0; - transform: scaleY(0); + opacity: 0; + transform: scaleY(0); } .flex-1 { - flex: 1; + flex: 1; } .table-wrapper { - height: 400px; - overflow: hidden; - // background: #f001; + height: 400px; + overflow: hidden; + // background: #f001; } table { - width: 100%; - border-spacing: adjust(1px); + width: 100%; + border-spacing: adjust(1px); } // .table-1 { @@ -194,52 +208,58 @@ table { // } .t-row { - height: adjust(14px); + height: adjust(14px); } .tables { - overflow: hidden; + overflow: hidden; } -.tables>table { - overflow-y: auto; +.tables > table { + overflow-y: auto; } .align-start { - align-self: flex-start; + align-self: flex-start; } -thead>tr th:first-child { - text-align: center; +thead > tr th:first-child { + text-align: center; } -thead>tr th { - font-size: adjust(8px); - font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "微软雅黑", Arial, Helvetica, sans-serif; - line-height: 1.25; - letter-spacing: 1px; - padding: adjust(3px) adjust(8px); - font-weight: 600; - background: #4288df23; - color: #030609d6; - text-align: left; +thead > tr th { + font-size: adjust(8px); + font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, + Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, + "微软雅黑", Arial, Helvetica, sans-serif; + line-height: 1.25; + letter-spacing: 1px; + padding: adjust(3px) adjust(8px); + font-weight: 600; + background: #4288df23; + color: #030609d6; + text-align: left; } -tbody>tr:nth-child(even) { +tbody > tr:nth-child(even) { background: #4288df13; } -tbody>tr td { - font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "微软雅黑", Arial, Helvetica, sans-serif; - color: #030609d6; - font-size: adjust(8px); - line-height: 1.2; - padding: adjust(2px) adjust(8px); - font-weight: 400; - background: inherit; +tbody > tr td { + font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, + Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, + "微软雅黑", Arial, Helvetica, sans-serif; + color: #030609d6; + font-size: adjust(8px); + height: adjust(8px * 1.2); + line-height: 1.2; + padding: adjust(2px) adjust(8px); + font-weight: 400; + overflow: hidden; + background: inherit; } -tbody>tr td:first-child { - text-align: center; +tbody > tr td:first-child { + text-align: center; }