App 官网模板

一个简洁优雅的应用下载页面模板、简洁设计风格。

Kapture.2025-12-11.at.12.31.50.mp4

功能特性

• 🎨 简洁现代的设计风格
• 📱 响应式布局，支持移动端和桌面端
• 🎯 应用下载按钮（iOS/Android）
• 🖼️ 应用截图展示
• 📄 底部文件说明链接

技术栈

• React 18
• TypeScript
• Vite
• Tailwind CSS
• shadcn/ui 组件库
• Lucide React 图标

快速开始

安装依赖

pnpm install

开发模式

pnpm dev

构建生产版本

pnpm build

预览生产构建

pnpm preview

项目结构

app-website/
├── src/
│   ├── components/
│   │   ├── ui/          # shadcn/ui 基础组件
│   │   ├── DownloadButton.tsx
│   │   ├── ImageGallery.tsx
│   │   └── Footer.tsx
│   ├── lib/
│   │   └── utils.ts     # 工具函数
│   ├── App.tsx          # 主应用组件
│   ├── main.tsx         # 入口文件
│   └── index.css        # 全局样式
├── index.html
├── package.json
├── tsconfig.json
├── vite.config.ts
└── tailwind.config.js

自定义配置

修改应用名称

编辑 src/App.tsx 中的标题和描述。

修改下载链接

编辑 src/components/DownloadButton.tsx，添加实际的下载链接。

修改展示图片

编辑 src/components/ImageGallery.tsx，替换图片 URL。

修改底部链接

编辑 src/components/Footer.tsx，更新链接地址和文本。

许可证

MIT