<template>
  <div class="application">
    <ImgContainer @click.native="$emit('elevator')" text="电梯加装地图" src="elevator.png"/>
    <ImgContainer @click.native="$emit('house')" text="电子房态图" src="house.png"/>
    <div class="more">
      <img src="@/assets/images/add.png"/>
    </div>
  </div>
</template>

<script>
import ImgContainer from './img-container'
export default {
  name: 'Application',
  components: {ImgContainer},
  data() {
    return {}
  },
}
</script>

<style lang="stylus" scoped>
.application
  width 100%
  height 100%
  display flex
  justify-content space-between
  align-items center
  padding .3rem
  div
    width 31%
    height 100%
    &.more
      display flex
      align-items center
      justify-content center
      background rgba(0,0,0,0.5)
      cursor pointer
      img
        width 1.5rem
        height @width
</style>
