feat(frontend): add BasePlaceholder component

2026-03-02 10:00:54 +08:00 · 2025-07-12 00:25:11 +08:00
parent 8547e4662b
commit fdb357d40d
4 changed files with 44 additions and 62 deletions
--- a/open-isle-cli/src/components/BasePlaceholder.vue
+++ b/open-isle-cli/src/components/BasePlaceholder.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="base-placeholder">
+    <i :class="['base-placeholder-icon', icon]" />
+    <div class="base-placeholder-text">
+      <slot>{{ text }}</slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BasePlaceholder',
+  props: {
+    text: { type: String, default: '' },
+    icon: { type: String, default: 'fas fa-inbox' }
+  }
+}
+</script>
+
+<style scoped>
+.base-placeholder {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  justify-content: center;
+  align-items: center;
+  height: 300px;
+  opacity: 0.5;
+}
+.base-placeholder-text {
+  font-size: 16px;
+  color: var(--text-color);
+}
+</style>