chore: commit时格式整理

This commit is contained in:
dingyongya
2022-02-16 17:22:55 +08:00
parent c2b9d36868
commit 7f3674d532
95 changed files with 823 additions and 852 deletions

View File

@@ -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;
}
}

View File

@@ -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>

View File

@@ -1 +0,0 @@