SVELTEKIT Используйте PROP для фонового изображения [Duplicate] ⇐ CSS

[Anonymous]

Я использую Sveltekit, и у меня есть компонент, который отображает CSS -image - см. Picture. У меня есть это работа с жестким изображением, но мне нужно изменить изображение от карты к карте. class = "lang-html prettyprint-override">

Код: Выделить всё

export let title;
export let bg_image;


{title}


.top-level-card {
/* Need to vary the content in this URL while still pulling from $lib */
background-image: url('$lib/assets/tools.png');
}

Я пытался использовать строковую конкатенацию с классом Tailwind, чтобы пройти в $ lib/assets/tools.png к фоновому image и то же самое со стилем Svelte: безрезультатно. Я подумал о использовании прямой теги , но это потребовало бы jank с абсолютным позиционированием или :: до , которого я бы предпочел избежать.

Подробнее здесь: https://stackoverflow.com/questions/796 ... ound-image