VUE2 绑定样式

绑定 class 样式

<div :class="mood"></div>
<div :class="[{active:Active===index},`animate__delay-${index + 1}s`]"></div>
<div :class="[index === 0 ? '':'active']"></div>

data(){
    return{
        mood: 'normal'
    }
}

绑定 style 样式

注意：这里的 style 样式属性与 JavaScript 里的一样，例如 fontSize、background-color

方式一：

<div :style="{fontSize: fsize + 'px'}"></div>
<div :style="[{fontSize: fsize + 'px'},{animationDelay:`${index}s`}]"></div>

方式二：（对象方式）

<div :style="styleObj"></div>

data(){
    return{
        styleObj: {
            fontSize: '40px'
        }
    }
}