Skip to content

介绍

@qin-ui/vant-pro 是基于 Vant 二次封装的移动端高级组件集合。它旨在解决在日常 H5 业务开发中遇到的高频表单渲染、复杂交互等痛点,提供更高层次的抽象,让你能够通过配置 JSON 数据来快速生成页面。

设计目标

  • 高效开发:通过 JSON Schema 配置直接渲染复杂的表单,极大减少模板代码。
  • 类型安全:借助 TypeScript,提供完善的类型推导与提示。
  • 灵活扩展:支持自定义组件,能够轻松应对特殊的业务场景需求。
  • 一致性:保持与 Vant 相同的视觉规范,统一 H5 页面的交互体验。

主要组件

目前 @qin-ui/vant-pro 提供以下核心组件:

  • ProForm:配置式高级表单,支持各种内置类型的表单项以及动态联动。
  • ProComponentProvider:用于全局配置属性及挂载共享弹窗。

谁在使用

适用于希望在 Vue 3 移动端项目中快速构建后台或业务数据收集表单的开发者。