动态改变css值

css接受变量作为值 可以通过js动态的改变css样式 以下是uniapp例子其他框架也适用

代码：

html

<view :style="myStyle">

//需要动态改变的代码内容，建议直接写在根标签上

</view>

js

    data() {
            return {
                height: '',
        },

    onLoad() {
            this.height = this.$windowHeight - 40  //获取到就是窗口高度-40
        },
    computed: {
            myStyle() {
                return {
                    "--height": this.height + 'px',
                }
            }
        },

css

.css{
        height: var(--height);
    }