You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.8 KiB
66 lines
1.8 KiB
<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> |