vue通过class绑定来控制显示不同图片

M4Y

关注

阅读 12

2022-04-27

1.HTML

<div class="header" :class="{'bg1':header1,'bg2':header2}">

2.style

<style lang="scss" scoped>
@import './DataCenterStyle.scss';
.bg1 {
  background-image: url('../../assets/images/bigScreen/top.png');
}
.bg2 {
  background-image: url('../../assets/images/bigScreen/top.lxh.png');
}
</style>

3.data中声明

  data() {
    this.intervalId = null;
    return {
      header1:true,
      header2:false,
   }

精彩评论(0)

0 0 举报