style动态绑定一个函数,element 面板盒子样式,使用原生dom样式修改法
javascript
//html
<div class="box-affix" ref="boxAffix" :style="boxAffixStyle()">
....
</div>
//js
//boxAffix盒子样式,使用原生dom样式修改法
const boxAffixStyle = (val) => {
if (datalist.tabName == 'second') {
boxAffix.value.style = `
height:calc(100% - 162px);
`
} else if (datalist.tabName == 'first') {
boxAffix.value.style = `
height:calc(100% - 118px);
`
}
}
//css
.box-affix {
position: fixed;
right: 5px;
top: 112px;
height: calc(100% - 118px);//面板高度
width: calc(100% - 56px);
overflow: hidden;
border-radius: 5px;
background-color: $backRGBA;
}
上一篇文章,