宝塔面板堡塔云控平台增加CPU监控图文教程

宝塔面板的堡塔云控平台使用时发布官方的没有内存监控，可自行修改模板增加功能，修改 /www/server/coll/BT_COLL/templates/index.html 文件。

修改代码(搜索cpu关键词)在其下面加入以下代码：

1. <div class="line memory"> 
2. <span class="txt-name">内存</span> 
3. <div class="layui-progress layui-progress-big"><div class="layui-progress-bar" style="width:0%"><span class="layui-progress-text">0%</span></div></div> 
4. </div> 
5.  
6. // ayumi 
7. var _mem_pre = Math.round((res.mem.memRealUsed / res.mem.memTotal) * 100); 
8. _el.find(".memory .layui-progress-text").text(_mem_pre + "%");//新加内存监控 
9. _el.find(".memory .layui-progress-bar").css("width", _mem_pre + "%");//新加内存监控 
10.  
11. //样式 
12. .server-monitor .line { 
13. height: 30px; 
14. line-height: 30px; 
15. clear: both; 
16. } 

看截图，官方原图：

修改增加内存监控后