:style在项目中的使用

对象内联形式

:style="{ height: '180px' }"

:style="{ width: width }"

 :style="{width:imgW+'px'}">

:style="{ width: val.percent }"

  <div v-else :style="conterBoxs"> 
  
  conterBoxs: "",
  
  this.conterBoxs = `padding:${
      h * 0.05 }px ${
      w * 0.066 }px;height: 100%;display: flex;flex-wrap: wrap;align-items: start;`;

  <div class="select-tree" :style="{height: height+ 'px', lineHeight: height+ 'px'}">

 :style="{'padding-bottom':(lineType=='Walking'?'55px':'120px')}"

计算属性

 <div :style