如何从 Svelte 中已有样式的组件传递类？

Question

我有两个组件 One.svelte 和 Two.svelte

这是 One.svelte 的样子：

<Two class="mt-8 border"/> //example tailwind classes

Two.svelte 的样子：

<main class="mt-6 bg-red-500">...</main>

我希望 Two.svelte 的 main 元素使用从 One.svelte 传递的类而不删除 Two.svelte 上现有的类 ] 喜欢 mt-6 bg-red-500 等等

我尝试了什么：

Two.svelte

<main class="mt-6 bg-red-500 {{$$props.class}}">...</main>

这似乎不起作用，解决这个问题的正确方法是什么？

Answer 1

尝试：

<main class={`mt-6 bg-red-500 ${$$props.class}`}>

如何从 Svelte 中已有样式的组件传递 类？