最少配置的 AppLayout
📦 配置说明
这是使用 AppLayout 最简单的方式。只需要:
- 提供 metaConfig(页面元数据)
- 设置 showHeader={false}(隐藏头部)
- 设置 showFooter={false}(隐藏页脚)
- 设置 showSidebar={false}(隐藏侧边栏)
💡 代码示例
<AppLayout
metaConfig={{
title: '页面标题',
description: '页面描述',
keywords: '关键词',
author: '作者',
robots: 'index, follow'
}}
showHeader={false}
showFooter={false}
showSidebar={false}>
<!-- 您的页面内容 -->
<h1>欢迎</h1>
<p>这是您的内容</p>
</AppLayout>✨ 特点
- 无需复杂配置
- 干净的页面布局
- 保留 SEO 优化(metaConfig)
- 完全响应式
- 可以随时添加 Header/Footer/Sidebar
🎯 使用场景
- 简单的着陆页
- 单页应用
- 快速原型开发
- 极简主义设计
- 学习和测试
🚀 下一步
当您需要更多功能时,可以逐步添加:
- 设置
showHeader={true}添加导航栏 - 提供
headerConfig自定义 Header - 提供
sidebarConfig添加侧边栏导航 - 提供
footerConfig自定义页脚
这里可以是您的内容区域