<template>
  <div class="people">
    <div class="person" v-for="(data,i) in $store.state.commandList" :key="i">
      <img :src="require(`@/assets/images/${data.img}`)" />
      <div>
        <p>{{data.title}}</p>
        <span>{{data.name}}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'EmergencyCommand',
}
</script>

<style lang="stylus" scoped>
.people
  width 100%
  height 100%
  display flex
  justify-content space-between
  .person
    display flex
    align-items center
    >img
      width 2.5rem
      height @width
      margin-right 0.5rem
    >div
      p
        font-size 0.9rem
        color $fontColor
      span
        font-weight bold
</style>
