<template>
  <el-row :gutter="24">
    <el-col :span="12" v-for="item in 2" :key="item">
      <div class="wrap" :style="{'background-image': `url(${require(`../img/bar0${item}.png`)})`}"></div>
    </el-col>
  </el-row>
</template>

<style lang="scss" scoped>
.wrap {
  width: 100%;
  height: 148px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  transition: all 0.5s;
  border-radius: 6px;
  cursor: pointer;
  &:hover {
    background-size: 105% 105%;
  }
}
</style>
