logo

导航菜单

ApplePhone 组件演示

简介

ApplePhone 组件模拟 iPhone 设备的外观,包含状态栏、时间显示和设备边框。 适用于创建移动应用界面原型或展示移动端设计效果。

Astro 版本演示

基础用法

iPhone frame
12:00

欢迎使用 ApplePhone

这是一个演示内容

iPhone frame

不同高度选项

iPhone frame
12:00

默认高度

lg (384px)

iPhone frame

iPhone frame
12:00

加大高度

xl (480px)

iPhone frame

不显示边框

12:00

无边框模式

只显示内容区域

长文本内容演示

iPhone frame
12:00

长文本内容展示

这是一个展示长文本内容的示例。在这个示例中,我们将展示大量文本内容在 ApplePhone 组件中的渲染效果和滚动行为。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

这是最后一段文本内容,用于测试滚动效果和组件在大量文本内容下的表现。

iPhone frame

Vue 版本演示