<!--
 * @Author: your name
 * @Date: 2020-01-20 08:56:10
 * @LastEditTime: 2020-05-29 10:40:15
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \admin-frame\src\App.vue
-->
<template>
  <FooterPage id="app">
    <div class="weui-loadmore" v-if="loading">
      <i class="weui-loading"></i>
      <span class="weui-loadmore__tips">正在加载</span>
    </div>
    <router-view v-else />
  </FooterPage>
</template>

<script>
import { mapActions, mapState } from 'vuex';
// import ScrollPage from '@naf/layouts/scroll-page';
import FooterPage from '@naf/layouts/footer-page';

export default {
  name: 'App',
  components: {
    FooterPage,
  },
  metaInfo: {
    title: '系统管理',
  },
  computed: {
    ...mapState(['loading']),
  },
  methods: {
    ...mapActions(['load']),
  },
  async created() {
    await this.load();
  },
};
</script>
