Svelte 拆分器示例

Question

我正在寻找一种调整页面上 div 大小的巧妙方法。

有一个例子here。

我还没有找到具体的例子，但我相信有人已经解决了这个问题。

谢谢

Answer 1

在 Svelte 自己的 REPL — example usage: https://github.com/sveltejs/svelte-repl/blob/d6a99e702d42eb18142dccbd6b766b56b69245e4/src/Repl.svelte#L208-L221

中使用了一个 <SplitPane> 组件

Answer 2

这里是在 svelte 中快速实现拆分窗格，没有外部库： https://svelte.dev/repl/b467a4787de3487fbe5c4508e8221268?version=3.42.1

它可以让您选择窗格的最小宽度，并防止在拖动拆分器时自动突出显示窗格中的文本。

组件逻辑非常简单，因此您可以更改它并使其适应您的项目。