<template lang="html">
  <div class="excellentEmployeesOfTheGroupInTheYearVue">

    <characterCard class="card" v-for="(n, i) in winners" :key="i" :name="n" />

  </div>
</template>

<script>
import characterCard from '@/components/index/switch/homepage/prizePages/characterCard'

export default {
  components: {
    characterCard
  },
  data () {
    return {
      winners: [
        '陈晋豪',
        '周琴',
        '章航嘉',
        '胡旭倩',
        '沈晓慧',
        '叶鑫'
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.excellentEmployeesOfTheGroupInTheYearVue{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  height: 100%;
  .card{
    width: 33.33%;
    display: flex;
    justify-content: center;
    transform: scale(.7);
    &:nth-of-type(n + 4){
      margin-top: -120px;
    }
  }
}
</style>
