perf: 优化所有el-emptydescription内容。图标选择器内容为空时加上el-empty

This commit is contained in:
xiaoxian521 2024-01-02 23:58:53 +08:00
parent 9968787228
commit cf5fcc802f
4 changed files with 10 additions and 3 deletions

View File

@ -9,6 +9,7 @@ defineOptions({
const inputValue = defineModel({ type: String }); const inputValue = defineModel({ type: String });
const searchVal = ref();
const animatesList = ref(animates); const animatesList = ref(animates);
const copyAnimatesList = cloneDeep(animatesList); const copyAnimatesList = cloneDeep(animatesList);
@ -48,6 +49,7 @@ function onClear() {
} }
function filterMethod(value: any) { function filterMethod(value: any) {
searchVal.value = value;
animatesList.value = copyAnimatesList.value.filter((i: string | any[]) => animatesList.value = copyAnimatesList.value.filter((i: string | any[]) =>
i.includes(value) i.includes(value)
); );
@ -110,7 +112,7 @@ function onMouseleave() {
</ul> </ul>
<el-empty <el-empty
v-show="animatesList.length === 0" v-show="animatesList.length === 0"
description="暂无动画" :description="`${searchVal} 动画不存在`"
:image-size="60" :image-size="60"
/> />
</el-scrollbar> </el-scrollbar>

View File

@ -174,6 +174,11 @@ watch(
/> />
</li> </li>
</ul> </ul>
<el-empty
v-show="pageList.length === 0"
:description="`${filterValue} 图标不存在`"
:image-size="60"
/>
</el-scrollbar> </el-scrollbar>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>

View File

@ -19,5 +19,5 @@ const props = defineProps({
:noticeItem="item" :noticeItem="item"
/> />
</div> </div>
<el-empty v-else description="暂无数据" /> <el-empty description="暂无消息" />
</template> </template>

View File

@ -133,7 +133,7 @@ const handleManageProduct = product => {
v.name.toLowerCase().includes(searchValue.toLowerCase()) v.name.toLowerCase().includes(searchValue.toLowerCase())
).length === 0 ).length === 0
" "
description="暂无数据" :description="`${searchValue} 产品不存在`"
/> />
<template v-if="pagination.total > 0"> <template v-if="pagination.total > 0">
<el-row :gutter="16"> <el-row :gutter="16">