一个基于 Vue 3 + Vite 构建的 360壁纸展示应用，支持分类浏览和壁纸预览。

• 分类浏览：获取 360壁纸的全部分类信息
• 壁纸列表：根据分类 ID 加载壁纸列表，支持分页
• 响应式设计：适配桌面端和移动端
• 现代化 UI：使用 Tailwind CSS 构建美观界面

• 前端框架：Vue 3
• 构建工具：Vite 5
• 样式方案：Tailwind CSS
• 边缘函数：Cloudflare Workers

/workspace
├── edge-functions/        # 边缘函数目录
│   └── api/
│       ├── categories.js  # 获取壁纸分类
│       └── wallpapers.js  # 获取分类下的壁纸列表
├── index.html             # HTML 入口文件
├── package.json           # 项目依赖配置
├── pnpm-lock.yaml         # 依赖锁定文件
├── tailwind.config.js     # Tailwind CSS 配置
├── vite.config.js         # Vite 构建配置
└── .cnb.yml              # 云原生构建配置

pnpm install

启动开发服务器：

pnpm dev

开发服务器将运行在 http://localhost:5173

构建生产版本：

pnpm build

构建产物将输出到 dist 目录

预览生产构建：

pnpm preview

GET /api/categories

返回所有壁纸分类信息。

GET /api/wallpapers?cid={分类ID}&start={起始位置}

参数：

• cid (必需)：分类 ID
• start (可选)：起始位置，默认为 0，每页返回 16 张壁纸

• base: '/360img/' - 应用部署基础路径
• 支持局域网访问和跨域

• 主色调：#1DA3D8
• 字体：PingFang SC, Microsoft YaHei

• 使用 Node.js 最新版本 Docker 镜像
• 集成 VS Code 和 Docker 服务
• 自动执行依赖安装

本项目使用 360壁纸公开 API：

• 分类接口：http://cdn.apc.360.cn/index.php?c=WallPaper&a=getAllCategoriesV2&from=360chrome
• 壁纸接口：http://wallpaper.apc.360.cn/index.php?c=WallPaper&a=getAppsByCategory&cid={cid}&start={start}&count=16&from=360chrome