<!--
 * @Author: your name
 * @Date: 2021-10-26 15:56:39
 * @LastEditTime: 2021-10-26 16:03:59
 * @LastEditors: Please set LastEditors
 * @Description: 工作看板icon的底图
 * @FilePath: \hyyfScreen\src\views\Production\board\WorkItemBgc.vue
-->
<template>
  <div class="work-item-bgc">
    <div class="icon1"></div>
    <div class="icon2"></div>
    <div class="icon3"></div>
    <div class="icon4"></div>
  </div>
</template>
<script>
export default {
  
}
</script>
<style scoped>
.work-item-bgc {
  width: 100%;
  height: 100%;
  display: block;
}

.icon1 {
  width: 50%;
  height: 50%;
  float: left;
  background: url("../../../assets/Production/u5363.svg") no-repeat;
}
.icon2 {
  width: 50%;
  height: 50%;
  float: right;
  background: url("../../../assets/Production/u5362.svg") no-repeat;
}
.icon3 {
  width: 50%;
  height: 50%;
  float: left;
  background: url("../../../assets/Production/u5360.svg") no-repeat;
}
.icon4 {
  width: 50%;
  height: 50%;
  float: right;
  background: url("../../../assets/Production/u5361.svg") no-repeat;
}
</style>
