chat/_src/components/chatRoom/noChat.vue

<template>
  <div class="no-chat">
    <i class="mee-icon"></i>
  </div>
</template>

<script>
export default {
  name: 'noChat'
}
</script>

<style lang="scss" scoped>
.no-chat{
  height: 100%;
  background: #eeeeee;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  .mee-icon{
    display: block;
    background: url('../../assets/mee-logo.png') no-repeat;
    width: 84px;
    height: 96px;
    margin: 230px auto 0;
  }
}
</style>