ThingJS运维监控

北京优锘科技ThingJS平台服务器的监控项目


main

<p>[TOC]</p> <h5>简要描述</h5> <ul> <li>页面主体的css</li> </ul> <h5>备注</h5> <ul> <li>main采用横向flex布局,让left,main,right横向排列</li> <li>left和right用纵向flex,让图表纵向排列</li> <li>contain而是表格的容器</li> <li>media响应式,页面过窄时让图表去底部排列</li> <li>这时main用纵向flex并且设置center的order属性为-1让他在顶部,根据需求可以改变html的结构让三个中的某一个先加载,然后设置order来确定三个div的顺序</li> <li>buttonGroup在屏幕窄时宽度从一半变为100%</li> </ul>

页面列表

ITEM_HTML