css 如何在Kotlin/js中初始化i html元素中样式?

46scxncf  于 11个月前  发布在  Kotlin
关注(0)|答案(1)|浏览(110)
val Welcome = FC<WelcomeProps> { props ->
var name by useState(props.name)

div {

    css {
        width = 100.pct
        height = 500.px
        margin = 0.px
        padding = 0.px
        position = absolute
        display = Display.block
    }

    button {

        css {
            position = absolute
            top = 50.pct
            backgroundColor = NamedColor.transparent
            width = Auto.auto
            borderColor = NamedColor.transparent
            right = 0.px
        }

        i {
            className = ClassName("fas fa-chevron-right fa-xs")
        }

        for (i in 0 until 1) {

            img {
                css {
                    width = 100.pct
                    height = 100.pct
                    margin = 0.px
                    padding = 0.px
                }
                src =
                    "https://www.pixelstalk.net/wp-content/uploads/2016/06/Volleyball-Wallpapers-HD-For-Desktop.jpg"
            }
        }

        button {

            css {
                position = absolute
                top = 50.pct
                backgroundColor = NamedColor.transparent
                width = Auto.auto
                borderColor = NamedColor.transparent
                left = 0.px
            }

            **i {
                className = ClassName("fas fa-chevron-left fa-xs")
                style = ??????????
            }**
        }
    }
}

字符串
}
大家好,这是我第一次练习Kotlin/js,我想用Kotlin/js设计一个web应用程序,我的问题是,我在i elemnt中有一个类,可以使用很棒的字体,我不能像其他地方一样使用css元素,所以我决定使用style元素,但我不知道如何初始化它,对不起我的英语不好。

sy5wg1nm

sy5wg1nm1#

确保从这个库import react.dom.html.ReactHTML.i导入正确的i。

相关问题