Невозможно добавить фоновое изображение в реагент

У меня есть div следующим образом:


[:div (tw [:flex :flex-col :items-center]
             {:style {:background-color "#ffffff"
                      :background-image "url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%232f855a' fill-opacity='0.4'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E)"}})
    [:div (tw [:text-5xl :font-bold "mt-20"])
     
    ]

    [:div (tw [:flex :flex-row :items-center])
     [:div (tw ["w-2/3"])
      [:img (tw [ :h-auto] {:src "img/mock.png"})]
      ]
     
     
    ]

И у меня есть ключ фонового изображения в карте стилей контейнера div. URL создается из https://www.heropatterns.com. Но фон не отображается. С чего бы это?

Я могу изменить цвет фона.


clojurescript reagent
person lamp bottle    schedule 22.06.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Атрибут :background-image должен выглядеть так

:background-image "url(\"data:image/svg... \")"

person Marcellinus    schedule 22.06.2020