斯维尔特的官方视窗部件
关于
此软件包包含一个 Svelte 版本的 见嵌入的部件它是一个轻量级的便利包装器, 围绕核心的“ 视窗” 部件网络组件, 可以轻松地融入您的 Svelte 工程 .
安装
以您选择的软件包管理器安装开始 :
npm install @behold/svelte
// or
pnpm add @behold/svelte
// or
yarn add @behold/svelte
使用量
1. 进口部件
import BeholdWidget from "@behold/svelte"
2. 在您的应用程序中添加
使用它就像你想要的任何其他 Svelte 组件:
<BeholdWidget feedId="YOUR_FEED_ID" />
Bye 部件组件接受单个属性 : feedId,可以通过打开您在 见仪表板 并点击"Embed代码".
所有配置和定制都由“视窗”管理员处理。 当你在那里做出修改时, 它会自动更新您的部件, 不需要修改代码 。 由于浏览器缓存,变化需要一到两分钟才能出现. 清理您的缓存和匿名/ 私人窗口将有所帮助 .

装入事件
此组件在初始渲染后释放出负载事件 。 其用途如下:
<BeholdWidget on:load={() => console.log("Loaded!")} feedId="YOUR_FEED_ID" />
关于安全部门改革的说明
这个组件依赖于只使用客户端的API,不会被SSR或SSG预发. 也就是说,在它达到0px高度之前,会有短暂的一刻。 您可以通过将尺寸应用到带有CSS的容器元件来防止这可能造成的布局转移.