iPhoneX状态栏插件

简介

本插件提供一个高度还原 iPhone X 及后续全面屏机型的状态栏 UI 组件，适用于 Web 开发中的演示、原型设计或沉浸式页面体验。

特性

• 纯 HTML + CSS 实现，无依赖
• 响应式设计，适配多种屏幕
• 可自定义时间、信号、电池图标等内容
• 轻量（<1KB），加载迅速

使用方法

只需将以下代码嵌入您的 HTML 页面中：

<div class="iphone-status-bar">

  <span>9:41</span>

  <span>📶 🔋</span>

</div>

并添加对应的 CSS 样式即可实现效果。