chore: commit时格式整理
This commit is contained in:
@@ -1,43 +1,43 @@
|
||||
.layui-exception{
|
||||
.layui-exception-image{
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
> div {
|
||||
height: 200px;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.error-401 {
|
||||
background-image: url(./image/401.svg);
|
||||
}
|
||||
.error-403 {
|
||||
background-image: url(./image/403.svg);
|
||||
}
|
||||
.error-404 {
|
||||
background-image: url(./image/404.svg);
|
||||
}
|
||||
.error-500 {
|
||||
background-image: url(./image/500.svg);
|
||||
}
|
||||
.layui-exception {
|
||||
.layui-exception-image {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
> div {
|
||||
height: 200px;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.layui-exception-details{
|
||||
.layui-exception-details-content {
|
||||
margin-left: 100px;
|
||||
.layui-exception-details-title{
|
||||
font-size: 60px;
|
||||
color: #434e59;
|
||||
margin-bottom: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.layui-exception-details-describe{
|
||||
font-size: 18px;
|
||||
color: rgba(0, 0, 0, .45);
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
}
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
.error-401 {
|
||||
background-image: url(./image/401.svg);
|
||||
}
|
||||
}
|
||||
.error-403 {
|
||||
background-image: url(./image/403.svg);
|
||||
}
|
||||
.error-404 {
|
||||
background-image: url(./image/404.svg);
|
||||
}
|
||||
.error-500 {
|
||||
background-image: url(./image/500.svg);
|
||||
}
|
||||
}
|
||||
.layui-exception-details {
|
||||
.layui-exception-details-content {
|
||||
margin-left: 100px;
|
||||
.layui-exception-details-title {
|
||||
font-size: 60px;
|
||||
color: #434e59;
|
||||
margin-bottom: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.layui-exception-details-describe {
|
||||
font-size: 18px;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
}
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: "LayException"
|
||||
}
|
||||
name: "LayException",
|
||||
};
|
||||
</script>
|
||||
<script setup lang="ts">
|
||||
import { useSlots } from "vue";
|
||||
@@ -17,28 +17,28 @@ const slots = useSlots();
|
||||
|
||||
const props = withDefaults(defineProps<LayDropdownProps>(), {
|
||||
title: "Exception",
|
||||
describe: "describe"
|
||||
describe: "describe",
|
||||
});
|
||||
</script>
|
||||
<template>
|
||||
<div class="layui-exception">
|
||||
<div class="layui-exception-image">
|
||||
<slot name="image" v-if="slots.default"></slot>
|
||||
<template v-else>
|
||||
<div v-if="status=='401'" class="error-401" />
|
||||
<div v-if="status=='403'" class="error-403" />
|
||||
<div v-if="status=='404'" class="error-404" />
|
||||
<div v-if="status=='500'" class="error-500" />
|
||||
</template>
|
||||
</div>
|
||||
<div class="layui-exception-details">
|
||||
<div class="layui-exception-details-content">
|
||||
<div class="layui-exception-details-title">{{title}}</div>
|
||||
<div class="layui-exception-details-describe">{{describe}}</div>
|
||||
<div class="layui-exception-details-operate">
|
||||
<slot name="action"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-exception">
|
||||
<div class="layui-exception-image">
|
||||
<slot name="image" v-if="slots.default"></slot>
|
||||
<template v-else>
|
||||
<div v-if="status == '401'" class="error-401" />
|
||||
<div v-if="status == '403'" class="error-403" />
|
||||
<div v-if="status == '404'" class="error-404" />
|
||||
<div v-if="status == '500'" class="error-500" />
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
<div class="layui-exception-details">
|
||||
<div class="layui-exception-details-content">
|
||||
<div class="layui-exception-details-title">{{ title }}</div>
|
||||
<div class="layui-exception-details-describe">{{ describe }}</div>
|
||||
<div class="layui-exception-details-operate">
|
||||
<slot name="action"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
|
||||
|
||||
Reference in New Issue
Block a user