合集 哪吒监控 下的文章

哪吒监控面板美化进阶:3D 交互地球、流量进度条与 iOS 拟态全局重塑

继上篇基础美化后,本次分享一套更为硬核的哪吒监控美化方案。本套方案通过 JS 注入,实现了从底层 UI 到交互功能的全面升级。🌟 核心改进点3D 动态地球 (Globe.gl):自动扫描: 脚本会自动识别页面中服务器的国旗标签类名。动态航线: 以 CN 节点为中心,建立全球服务器的动态连接航线。交互体验: 支持 360 度旋转、缩放,并集成在精致的侧边抽屉中。iOS 毛玻璃全局应用:深度拟态: 所有卡片、按钮、过滤条均应用 效果。动态扫光: 鼠标悬停时触发高光扫描动画,极具高级感。智能流量监控引擎:实时数据: 异步抓取接口数据,无需手动计算。三色渐变: 进度条根据流量剩余情况自动切换 绿/橙/红 颜色。信息轮播: 进度条上方循环展示流量使用百分比、账单周期及结算时间。全局细节优化:字体重塑: 集成抖音端黑(Douyin Sans),针对数字显示进行深度优化。移动端适配: 针对不同屏幕尺寸编写了大量媒体查询,保证手机端完美展示。🛠️ 安装与使用将提供的完整代码块复制到哪吒监控面板后台的 设置 -> 自定义代码 框中保存即可。核心代码包 (包含中文注释与优化)<!-- 哪吒监

哪吒监控面板美化代码合集:iOS 玻璃拟态与 3D 流量地球

哪吒监控面板美化代码合集:iOS 玻璃拟态、3D 流量地球及流量进度条优化哪吒监控(Nezha)作为一款强大的服务器监控工具,其默认界面虽然简洁,但对于追求个性的“折腾党”来说,还有很大的美化空间。本文整理了一套完整的美化代码,涵盖了 iOS 风格玻璃拟态、3D 全球流量映射地球以及实时流量进度条等功能。🚀 功能亮点iOS 玻璃拟态卡片:全局应用毛玻璃效果(Backdrop Filter),自带动态高光扫描动画。3D 交互地球:在面板侧边集成 globe.gl,自动扫描服务器分布并进行 3D 地球映射。流量统计增强:自动计算流量使用百分比,并以动态颜色(绿→橙→红)进度条展示。UI 细节优化:统一使用“抖音端黑(Douyin Sans)”字体,隐藏冗余页脚,优化手机端适配。🛠️ 使用说明将以下代码整体复制,粘贴到哪吒监控面板后台的 “设置” -> “自定义代码” 框内即可生效。注意:代码中包含背景图和 Logo 链接,建议替换为你自己的 CDN 地址以保证加载速度。📝 核心美化代码<!-- 哪吒监控面板全功能美化代码包 --> <script> /**

目录