浏览器模型
浏览器模型显示一个看起来像浏览器窗口的盒子。
| 类名 | 类型 | |
|---|---|---|
| mockup-browser | 组件 | 浏览器模型 |
| mockup-browser-toolbar | 部件 | 工具栏部件，可以包含地址栏等 |
你好！
<div class="$$mockup-browser border-base-300 border w-full"> <div class="$$mockup-browser-toolbar"> <div class="$$input">https://daisyui.tailwind.org.cn</div> </div> <div class="grid place-content-center border-t border-base-300 h-80">Hello!</div> </div>
<div class="$$mockup-browser border-base-300 border w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.tailwind.org.cn</div>
</div>
<div class="grid place-content-center border-t border-base-300 h-80">Hello!</div>
</div>
<div class="$$mockup-browser border-base-300 border w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.tailwind.org.cn</div>
</div>
<div class="grid place-content-center border-t border-base-300 h-80">Hello!</div>
</div>
<div class="$$mockup-browser border-base-300 border w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.tailwind.org.cn</div>
</div>
<div class="grid place-content-center border-t border-base-300 h-80">Hello!</div>
</div>你好！
<div class="$$mockup-browser border border-base-300 w-full"> <div class="$$mockup-browser-toolbar"> <div class="$$input">https://daisyui.tailwind.org.cn</div> </div> <div class="grid place-content-center h-80">Hello!</div> </div>
<div class="$$mockup-browser border border-base-300 w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.tailwind.org.cn</div>
</div>
<div class="grid place-content-center h-80">Hello!</div>
</div>
<div class="$$mockup-browser border border-base-300 w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.tailwind.org.cn</div>
</div>
<div class="grid place-content-center h-80">Hello!</div>
</div>
<div class="$$mockup-browser border border-base-300 w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.tailwind.org.cn</div>
</div>
<div class="grid place-content-center h-80">Hello!</div>
</div>您有疑问吗？ 在 GitHub 上提问 或 Discord 服务器
您发现 Bug 了吗？ 在 GitHub 上提交 issue
您喜欢 daisyUI 吗？ 发帖宣传一下吧！
支持 daisyUI 的开发： Open Collective
