<template>
  <div class="ycl">
    <template v-for="(item,index) in gxNames">
      <div class="gxcl">
        <div class="gxcl__title">{{item}}</div>
      </div>
    </template>
  </div>
</template>

<script>
export default {
  name:'MainGxChanLiang',
  data(){
    return {
      gxNames:['上料','抛丸','理料','划线','切割']
    }
  }
}
</script>

<style scoped>
.ycl{
  width: 1470px;
  height: 342px;
  background: url('../../../assets/kban/yclbg.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: row;

  .gxcl{
    width: 278px;
    height: 300px;
    background: url('../../../assets/kban/yclbg.png') no-repeat;
    background-size: 100% 100%;

    .gxcl__title{
      width: 231px;
      height: 41px;
      background: url('../../../assets/kban/cltitle.png') no-repeat;
      background-size: 100% 100%;
      font-weight: bold;
      font-size: 20px;
      padding: 12px 26px;
      margin-left: 25px;
    }
  }

}
</style>

