老师/家长：搜索「麻雀」「银杏」等线稿，下载打印给孩子涂色或做手抄报
学生：在创作台把多张线稿拖到 A4 画板上排版，导出 PNG 交作业
普通用户：在线浏览图库，批量选图生成 PDF 打印
运营人员：通过管理后台维护图库内容与元数据
点击空白处退出提示
线稿素材站产品系统Vibe Coding
我要开发同款技术信息
作品详情
行业场景
功能介绍
主要实现功能：
图库浏览 / 搜索 / 预览 / 下载
PDF 批量导出
用户注册 / 登录
创作台 MVP
在线涂色
管理后台 MVP
留言
SEO 详情页 + sitemap
项目实现
技术栈：
框架：Nuxt 3 + Vue 3 + Vue Router
• 语言：TypeScript
• 样式：Tailwind CSS（@nuxtjs/tailwindcss）
• 构建工具：Vite（Nuxt 内置）
• 创作台画板：Fabric.js 7（EditorCanvas.vue）
• SSR/SEO：Nuxt SSR，含 OG meta、sitemap 等
使用付费Cursor工具 开发
从顶层需求规划到细节模块打磨包含线稿素材生成并通过后台上传，耗时两周完成
示例图片
声明：本文仅代表作者观点，不代表本站立场。如果侵犯到您的合法权益，请联系我们删除侵权资源！如果遇到资源链接失效，请您通过评论或工单的方式通知管理员。未经允许，不得转载，本站所有资源文章禁止商业使用运营!
评论