Some checks failed
Docker Build & Deploy / Build Docker Image (push) Waiting to run
Docker Build & Deploy / Deploy to Production (push) Has been cancelled
Docker Build & Deploy / Cleanup Dangling Images (push) Has been cancelled
Docker Build & Deploy / WeChat Notification (push) Has been cancelled
1.5 KiB
1.5 KiB
Why
当前前端项目中虽然已经封装了统一的弹窗组件 PopupContainer.vue,但很多页面仍然直接使用 van-dialog 和 van-popup 或自行封装的弹窗组件(如 AddClassifyDialog.vue、CategoryBillPopup.vue),导致弹窗风格不统一,影响用户体验的一致性和代码可维护性。
What Changes
- 将所有直接使用
van-dialog的简单确认/输入弹窗替换为统一的弹窗组件 - 将所有使用
van-popup的底部弹窗替换为PopupContainer组件 - 重构或删除自行封装的弹窗组件(
AddClassifyDialog.vue、CategoryBillPopup.vue),改用统一的PopupContainer - 扩展
PopupContainer组件功能以覆盖更多使用场景(如表单验证、确认对话框) - 更新相关样式,确保统一的设计语言
Capabilities
New Capabilities
unified-popup-system: 统一的弹窗系统,提供一致的用户体验和 API,包括对话框、底部弹窗、确认弹窗等常见场景
Modified Capabilities
Impact
影响范围:
Web/src/views/目录下的多个 Vue 视图文件(至少 10+ 个文件)Web/src/components/目录下的弹窗相关组件(AddClassifyDialog.vue、CategoryBillPopup.vue)Web/src/components/PopupContainer.vue组件扩展
代码变更:
- 重构约 42+ 处弹窗使用位置(来自 grep 搜索结果)
- 可能引入 Breaking Changes(如果需要修改
PopupContainer的 API)
依赖影响:
- Vant UI 组件库保持不变,仅封装层变化
- 不影响后端 API