组件
浏览器窗口 Browser
Browser:浏览器窗口容器。包含标题栏、三个窗口按钮、地址栏和主体;主体可放 iframe、截图或实际页面。
#基础用法
https://elements.bysages.com
Whatever the site hangs in the window
<script setup lang="ts">
import { Browser } from "@bysages/vue";
</script>
<template>
<Browser class="w-full max-w-125">
<Browser.TitleBar>
<Browser.Dots />
<Browser.UrlBar>https://elements.bysages.com</Browser.UrlBar>
</Browser.TitleBar>
<Browser.Body class="flex h-40 items-center justify-center text-sm text-tertiary">
Whatever the site hangs in the window
</Browser.Body>
</Browser>
</template>
#属性
#BrowserRoot
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#BrowserTitlebar
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#BrowserUrlbar
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#BrowserBody
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#SBrowserDots
浏览器窗口的三个圆点,分别沿用系统固定语义中的危险、警告和成功色。
纯造型的部件——自身没有属性,沿用部件结构的共享样式。