feat: add Empty component and language management
- Introduced a new Empty component for displaying no data states. - Added language management functionality with support for loading saved languages. - Updated App.vue to load saved language on mount. - Modified components.d.ts to include new components and global variables. - Updated pnpm-lock.yaml and pnpm-workspace.yaml to use the latest version of @capp/eden. - Refactored home and service views to utilize the new data fetching logic with infinite scroll. - Removed unused images and added new service banner. - Enhanced signup functionality to include toast notifications on successful sign-in.
This commit is contained in:
25
src/components/empty.vue
Normal file
25
src/components/empty.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<script lang='ts' setup>
|
||||
import empty from "@/assets/images/empty.png?url";
|
||||
|
||||
withDefaults(defineProps<{
|
||||
image?: string;
|
||||
title?: string;
|
||||
}>(), {
|
||||
image: empty,
|
||||
title: "暂无数据",
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="flex flex-col-center space-y-2 my-4">
|
||||
<slot name="icon">
|
||||
<img :src="empty" class="w-22 h-22 object-contain">
|
||||
</slot>
|
||||
<div class="text-sm text-text-400">
|
||||
{{ title }}
|
||||
</div>
|
||||
<slot name="extra" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang='css' scoped></style>
|
||||
Reference in New Issue
Block a user