提交 exception 组件

This commit is contained in:
就眠儀式
2022-01-29 13:07:16 +08:00
parent 6c5c80f182
commit 5a1f43a9d8
10 changed files with 1217 additions and 0 deletions

View File

@@ -0,0 +1,87 @@
::: anchor
:::
::: title 403
:::
::: demo 使用 `lay-exception` 标签, 创建一个异常页面
<template>
<lay-exception status="403" title="403" describe="暂无相关权限">
<template #action>
<lay-button>刷新</lay-button>
<lay-button type="primary">返回</lay-button>
</template>
</lay-exception>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title 404
:::
::: demo 使用 `lay-exception` 标签, 创建一个异常页面
<template>
<lay-exception status="404" title="404" describe="跳转页面失败">
<template #action>
<lay-button>刷新</lay-button>
<lay-button type="primary">返回</lay-button>
</template>
</lay-exception>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title 500
:::
::: demo 使用 `lay-exception` 标签, 创建一个异常页面
<template>
<lay-exception status="500" title="500" describe="服务发生错误">
<template #action>
<lay-button>刷新</lay-button>
<lay-button type="primary">返回</lay-button>
</template>
</lay-exception>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::

View File

@@ -336,6 +336,11 @@ const zhCN = [
component: () => import("../../docs/zh-CN/components/countup.md"),
meta: { title: "数字滚动" },
},
{
path: "/zh-CN/components/exception",
component: () => import("../../docs/zh-CN/components/exception.md"),
meta: { title: "异常" },
},
],
},
{

View File

@@ -303,6 +303,12 @@ const menus = [
subTitle: "splitPanel",
path: "/zh-CN/components/splitPanel",
},
{
id: 100,
title: "异常",
subTitle: "exception",
path: "/zh-CN/components/exception",
},
],
},
{