uniapp动态绑定class||style

1,169 阅读1分钟
  • style样式设置
  • :style="{backgroundImage:url(${itemB.images})}"
  • :style="{ paddingTop: paddingTopNum + 'px' }"
  • :class="[items.isShow?'':'noneActive',subIndex[index] == indexs?'value-item-active':'value-item']"
  • :style="[{paddingTop: background},{color: getColor}]" :style="[{ color: activeColor, fontSize: fontSize + 'px' }]"
  • :style="{left:${iconDistance}rpx}" :style="{backgroundImage:url(${topBgImg})}"
  • :style="{height:'calc(100vh - ' + pageTopHeight +'px - 140rpx)'}"
  • class样式设置
  • :class="{ active: isActive, 'text-danger': hasError }"
  • :class="[activeClass, errorClass]"
  • :class="[isActive ? activeClass : ' ', errorClass]"
  • :class="[{ active: isActive }, errorClass]"