<template>
  <div class="exception">
    <div class="imgBlock">
      <div class="imgEle" :style="{backgroundImage: `url(${config[type].img})`}">
      </div>
    </div>
    <div class="content">
      <h1>{{ config[type].title }}</h1>
      <div class="desc">{{ config[type].desc }}</div>
      <div class="actions">
        <a-button type="primary" @click="handleToHome">返回首页</a-button>
      </div>
    </div>
  </div>
</template>

<template>
  <div class="exception">
    <!-- 图片块 -->
    <div class="imgBlock">
      <!-- 图片元素 -->
      <div class="imgEle" :style="{backgroundImage: `url(${config[type].img})`}">
      </div>
    </div>
    <!-- 内容块 -->
    <div class="content">
      <!-- 标题 -->
      <h1>{{ config[type].title }}</h1>
      <!-- 描述 -->
      <div class="desc">{{ config[type].desc }}</div>
      <!-- 操作按钮 -->
      <div class="actions">
        <a-button type="primary" @click="handleToHome">返回首页</a-button>
      </div>
    </div>
  </div>
</template>     <!-- 描述 -->
      <div class="desc">{{ config[type].desc }}</div>
      <!-- 操作按钮 -->
      <div class="actions">
        <a-button type="primary" @click="handleToHome">返回首页</a-button>
      </div>
    </div>
  </div>
</template>
<template>
  <div class="exception">
    <!-- 图片块 -->
    <div class="imgBlock">
      <!-- 图片元素 -->
      <div class="imgEle" :style="{backgroundImage: `url(${config[type].img})`}">
      </div>
    </div>
    <!-- 内容块 -->
    <div class="content">
      <!-- 标题 -->
      <h1>{{ config[type].title }}</h1>
      <!-- 描述 -->
      <div class="desc">{{ config[type].desc }}</div>
      <!-- 操作按钮 -->
      <div class="actions">
        <a-button type="primary" @click="handleToHome">返回首页</a-button>
      </div>
    </div>
  </div>
</template>