手机模型
手机模型展示了 iPhone 的模型。
| 类名 | 类型 | |
|---|---|---|
| mockup-phone | 组件 | 手机模型 |
| mockup-phone-camera | 部件 | 摄像头部件 |
| mockup-phone-display | 部件 | 显示部件 |
发光时刻。
<div class="$$mockup-phone"> <div class="$$mockup-phone-camera"></div> <div class="$$mockup-phone-display text-white grid place-content-center">It's Glowtime.</div> </div>
<div class="$$mockup-phone">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display text-white grid place-content-center">It's Glowtime.</div>
</div>
<div class="$$mockup-phone">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display text-white grid place-content-center">It's Glowtime.</div>
</div>
<div class="$$mockup-phone">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display text-white grid place-content-center">It's Glowtime.</div>
</div>
<div class="$$mockup-phone border-primary"> <div class="$$mockup-phone-camera"></div> <div class="$$mockup-phone-display"> <img alt="wallpaper" src="https://img.daisyui.com/images/stock/453966.webp"/> </div> </div>
<div class="$$mockup-phone border-primary">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display">
<img alt="wallpaper" src="https://img.daisyui.com/images/stock/453966.webp"/>
</div>
</div>
<div class="$$mockup-phone border-primary">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display">
<img alt="wallpaper" src="https://img.daisyui.com/images/stock/453966.webp"/>
</div>
</div>
<div class="$$mockup-phone border-primary">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display">
<img alt="wallpaper" src="https://img.daisyui.com/images/stock/453966.webp"/>
</div>
</div>您有疑问吗？ 在 GitHub 上提问 或 Discord 服务器
您发现 bug 吗？ 在 GitHub 上提交 issue
您喜欢 daisyUI 吗？ 发帖宣传一下吧！
支持 daisyUI 的开发： Open Collective
