优化

2026-08-10 15:36:53 +08:00
parent 5d97c7517a
commit f6556c57b5
54 changed files with 4107 additions and 170 deletions
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+withDefaults(defineProps<{
+  ariaLabel?: string
+}>(), {
+  ariaLabel: '详情页面',
+})
+</script>
+
+<template>
+  <article class="detail-page-layout" :aria-label="ariaLabel">
+    <header v-if="$slots.header" class="detail-page-layout__header"><slot name="header" /></header>
+    <div v-if="$slots.summary" class="detail-page-layout__summary"><slot name="summary" /></div>
+    <div class="detail-page-layout__content"><slot /></div>
+    <footer v-if="$slots.footer" class="detail-page-layout__footer"><slot name="footer" /></footer>
+  </article>
+</template>
+
+<style scoped>
+.detail-page-layout { display: flex; min-width: 0; flex-direction: column; gap: 16px; }
+.detail-page-layout__header, .detail-page-layout__summary, .detail-page-layout__content, .detail-page-layout__footer { min-width: 0; }
+</style>