🌐 README

English

🎯 Responsive Layout

一个现代化的响应式布局组件，支持 Vue 和 React，帮助你轻松构建自适应的应用界面！

✨效果预览

✨ 特性

• 📱 完全响应式设计，完美支持移动端和桌面端
• 🎨 基于 TailwindCSS，轻松自定义样式
• 🔄 流畅的过渡动画，提供出色的用户体验
• 🎯 支持导航栏、侧边栏和主内容区的灵活布局
• 📦 基于 Zustand/Pinia 的状态管理，简单高效
• ⚡️ 零依赖，轻量级实现

📦 安装

• React

pnpm add responsive-layout-react zustand

• vue

pnpm add responsive-layout-vue pinia

📄 文档

• vue
• react

🎯 核心功能

• 自动响应式布局，适配不同屏幕尺寸
• 支持导航栏和侧边栏的显示/隐藏
• 平滑的过渡动画
• 支持自定义宽度和样式
• 移动端支持滑动切换

🛠️ 开发指南

• React 版本在 packages/react/lib 中开发
• Vue 版本在 packages/vue/lib 中开发
• 在 packages/page 中预览和测试
• 使用 pnpm build 构建库

📄 许可证

MIT