KotlinJS中HTML元素的样式属性

hgqdbh6s  于 2022-11-25  发布在  Kotlin
关注(0)|答案(2)|浏览(115)

我想在KotlinJS中使用以下HTML代码:

<div style="background: -webkit-linear-gradient(270deg, rgb(84, 83, 97), rgb(25, 34, 99), rgb(49, 70, 180));" class="page-header align-items-start min-vh-100"></div></div>

它将style修饰符添加到div标记。是否有任何方法可以为该样式修饰符提供background属性?
下列程式码无法运作:

div("page-header align-items-start min-vh-100") {
                attrs.style = kotlinext.js.js {
                    background = "-webkit-linear-gradient(270deg, rgb(84, 83, 97), rgb(25, 34, 99), rgb(49, 70, 180));"
                }
            }
ajsxfq5m

ajsxfq5m1#

我使用了以下的黑客:我向元素添加了一个ID和一个属性

document.getElementById("content-wrapper")?.setAttribute(
            "style",
            "BLABLA"
        )

但这也在Kotlin中得到了修复,现在可以使用以下表示法:

import kotlinx.js.jso 

style = jso {
  background = "BLABLA".unsafeCast<Color>()
}

相关问题