l_ai_knowledge/frontend/src/components/empty-knowledge.vue

43 lines
931 B
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<script setup lang="ts">
</script>
<template>
<div class="empty">
<img class="empty-img" src="@/assets/img/upload.svg" alt="">
<span class="empty-txt">知识为空拖放上传</span>
<span class="empty-type-txt">pdfdoc 格式文件不超过10M</span>
<span class="empty-type-txt">textmarkdown格式文件不超过200K</span>
</div>
</template>
<style scoped lang="less">
.empty {
flex: 1;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.empty-txt {
color: #00000099;
font-family: "PingFang SC";
font-size: 16px;
font-weight: 600;
line-height: 26px;
margin: 12px 0 16px 0;
}
.empty-type-txt {
color: #00000066;
text-align: center;
font-family: "PingFang SC";
font-size: 12px;
font-weight: 400;
width: 217px;
}
.empty-img {
width: 162px;
height: 162px;
}
</style>