<template>
  <div class="error">
    <!-- 拉黑 -->
    <status401 v-if="status == 401" />
    <!-- 资源不存在 -->
    <status404 v-else-if="status == 404" />
    <!-- 等待 -->
    <status408 v-else-if="status == 408" />
    <!-- 加载中 -->
    <status-loading v-else />
  </div>
</template>

<script>
import { mapGetters } from 'vuex';
import status401 from './401';
import status404 from './404';
import status408 from './408';
import statusLoading from './loading';
export default {
  name: 'state-box',
  components: {
    status401,
    status404,
    status408,
    statusLoading
  },
  computed: {
    ...mapGetters({
      status: 'status'
    })
  },
  methods: {}
};
</script>

<style lang="less" scoped></style>
