Я использую 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