动态绑定style写法

一 、 最直接写法
:style="
[
{‘background’: ‘transparent’},
{‘box-shadow’:‘none’},
{‘border’:‘none’},
{‘position’:‘relative’}
]"

二 、三目运算符写法

1、三目运算符第一种写法
:style=“currentVipDataList.length===0?‘height:114px’:‘height: 204px’”

2、三目运算符第二种写法
:style="[{float: currentThemeLayout===‘left01’?‘left’:‘right’}]"

3、三目运算符第三种写法
:style="{border:(currentThemeLayout===item.id?‘2px solid #4C78FF’: ‘#fff’)}"

4、三目运算符第四种写法
:style="[
{‘margin-left’: [(isCollapse === false && currentThemeLayout !==‘right01’ ? ‘280px’ : (currentThemeLayout === ‘left01’ ? ‘84px’ : ‘’)) ]} ]"