正日移门产品系统

正日移门是一家专注于移门、推拉门等室内门类产品的品牌。该项目旨在解决传统线下门店展示有限、客户难以直观了解产品款式与工艺的问题。通过官网展示核心产品系列、安装案例及企业实力，帮助潜在客户在线浏览细节、获取报价，同时提升品牌专业形象，降低获客沟通成本。

网站主要功能模块：1）首页：品牌大图背景、主打移门产品轮播、核心卖点（静音、顺滑、定制等）快速展示；2）产品中心：按推拉门、隔断门、衣柜门等分类展示产品，每款配有高清多角度图片、材质说明、轨道类型及可选颜色；3）案例展示：实拍安装案例，按客厅、阳台、厨房等场景分类，用户可查看效果图与客户评价；4）服务流程：预约测量、免费设计、定制生产、上门安装的步骤说明；5）在线留言：表单提交姓名、联系方式、产品意向，实现询盘收集。整体设计简洁大气，突出产品质感。

我独立完成全部前端开发工作。技术栈：Vue3、JavaScript、Tailwind CSS、Vue Router。实现亮点：①产品图片采用懒加载与灯箱效果，提升浏览体验；②案例页面按客厅/阳台/厨房等场景分类筛选，无刷新切换内容；③留言表单增加手机号、邮箱前端校验及防重复提交。难点在于产品分类的动态路由设计，通过路由参数加载不同类别数据，同时优化页面标题与SEO。网站已部署上线并持续使用。