前端交互:完成 5 个页面及路由体系,实现导航、表单、语言切换等核心交互,并打磨产品卡片悬停等细节反馈。
动效实现:自研果冻导航(GooeyNav)、边缘光晕卡片(BorderGlow)、产品图扫光(GlareHover)、滚动渐入等动效组件,遵循 transform/opacity 与 requestAnimationFrame 的性能原则。
数据对接:封装统一图片接口加载(/api/images/),实现后台改图、前端即时生效,接口异常时自动回退内置资源;询盘表单通过 JSON 接口提交。
后端管理:基于 Django + django-simpleui 搭建中文管理后台,支持产品图、厂区图上传与预览管理,并提供幂等种子命令还原默认数据。
构建验证:使用 Vite + pnpm 完成生产构建,每次交付前执行构建并对打包产物进行内容核验,保障上线质量。
技术栈: Vue 3、Vite、pnpm、JavaScript、CSS3(动画/遮罩/混合模式)、Django、SQLite、django-simpleui