优化构架
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
<script setup lang="ts">
|
||||
defineProps<{
|
||||
title: string
|
||||
description: string
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="business-page prototype-module-page">
|
||||
<section class="surface-panel prototype-module-panel">
|
||||
<div>
|
||||
<h2>{{ title }}</h2>
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
<div class="prototype-module-empty" role="status">
|
||||
<strong>暂无业务数据</strong>
|
||||
<span>页面基础已就绪,后续按对应业务契约接入。</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.prototype-module-panel { display: grid; min-height: 260px; align-content: start; gap: 28px; padding: 24px; }
|
||||
.prototype-module-panel h2 { margin: 0; color: var(--cc-text); font-size: 18px; line-height: 1.4; }
|
||||
.prototype-module-panel p { margin: 8px 0 0; color: var(--cc-muted); font-size: 13px; line-height: 1.65; }
|
||||
.prototype-module-empty { display: grid; min-height: 120px; place-items: center; align-content: center; gap: 6px; border: 1px dashed var(--cc-border); color: var(--cc-muted); text-align: center; }
|
||||
.prototype-module-empty strong { color: var(--cc-text); font-size: 14px; }
|
||||
.prototype-module-empty span { font-size: 13px; }
|
||||
</style>
|
||||
Reference in New Issue
Block a user