<template>
  <div id="app">
    <app-layout></app-layout>
  </div>
</template>
<script>
import AppLayout from "@/framework/material";

export default {
  components: {
    AppLayout
  },
  mounted() {
    document.title = this.$i18n.t('gather.name')
    window.addEventListener('keydown',  (event) =>{
      if (event.keyCode === 27) {
        this.$bus.emit('clickEsc')
      }
    });
  },
};
</script>
<style lang="less">
html,
body,
#app {
  width: 100%;
  color: #161A1A;
}
body {
  margin: 0;
  line-height: normal;
  background: #F7F7F7;
  font-family: OpenSans, sans-serif;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  outline: 0;
}
</style>
<style lang="less" src="@/assets/style/common.less"></style>
<style src="@/assets/fonts/iconfont.css"></style>
