<template>
  <div class="ns-view">
    <a-layout class="ns-application" style="height: 100%">
      <ns-header class="ns-header-menu" />
      <a-layout>
        <ns-sider class="ns-left-menu" />
        <a-layout>
          <a-layout-content class="content" :style="{ minHeight: '400px', overflow: 'auto' }">
            <div>
              <ns-icon name="noResource" size="250" />
            </div>
            <!-- <img src="/asset/image/noResource.png" /> -->
          </a-layout-content>
        </a-layout>
      </a-layout>
    </a-layout>
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import NsHeader from '/nerv-base/view/system/layout/header.vue';
  import NsSider from '/nerv-base/view/system/layout/sider.vue';
  export default defineComponent({
    name: 'Error403View',
    components: { NsHeader, NsSider },
    setup() {
      return {};
    },
    created() {},
  });
</script>
<style lang="less" scoped>
  .application {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #f4f7f9;
    flex-direction: column;
  }
  .content {
    height: calc(100% - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    img {
      width: 240px;
      height: 240px;
    }
  }
</style>