chore: initial commit
This commit is contained in:
@@ -0,0 +1,29 @@
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
import { useRoute } from 'vue-router'
|
||||
import { Construction, Plus, Search } from '@lucide/vue'
|
||||
|
||||
const route = useRoute()
|
||||
const title = computed(() => route.meta.title || '功能模块')
|
||||
const description = computed(() => route.meta.description || '')
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="module-page">
|
||||
<div class="module-toolbar">
|
||||
<el-input placeholder="输入关键词搜索" clearable>
|
||||
<template #prefix><Search :size="17" /></template>
|
||||
</el-input>
|
||||
<el-button type="primary"><Plus :size="17" /> 新增</el-button>
|
||||
</div>
|
||||
|
||||
<div class="module-card">
|
||||
<div class="empty-state">
|
||||
<div class="empty-icon"><Construction :size="28" /></div>
|
||||
<h2>{{ title }}</h2>
|
||||
<p>{{ description }}</p>
|
||||
<el-tag effect="plain">页面骨架已完成,业务接口待接入</el-tag>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
Reference in New Issue
Block a user