爱迪特企业官网项目
主导/参与爱迪特企业官网产品详情页模块化重构,将原本数千行的单体页面拆分为 「页面壳 + PartModule 分发器 + 20+ 可配置 Box 组件 + Composable 逻辑层」 的可维护架构。基于后台 template_type 实现 CMS 配置驱动的动态页面渲染,通过 provide/inject 统一管理跨模块状态,用 Composable 封装轮播、视频、Swiper、滚动帧动画、异步数据加载等复杂交互,显著降低新模块接入成本。
在工程实践中注重 PC/移动端双端体验一致性:独立完成响应式布局、rem 适配、断点策略,并解决 Element Plus / Swiper 在嵌套场景下的样式穿透与布局回归问题;在 Box20 滚动帧、视频 Banner、树脂参数对比、放大镜选色等模块中,处理了视频定高裁剪、进度条比例计算、hover/click 差异化交互、布局抖动等细节,体现对 视觉还原、性能与可维护性 的平衡能力。
技术栈:Vue 3 Composition API、Vite、Pinia、Sass、Element Plus、Swiper,具备中大型营销站/企业官网从需求理解、组件设计、复杂 UI 实现到线上问题定位的完整交付能力。