FormCard 表单组件演示
✨ 支持姓名和手机号输入,自动过滤非数字字符
👤 姓名失去焦点时验证,自动去除首尾空格
📱 手机号失去焦点时验证,支持中国大陆手机号格式
🎨 优化UI设计,支持悬停效果和动画
🗑️ 支持删除操作(可配置显示/隐藏)
📱 响应式设计,适配小屏幕设备
示例1: 基础用法
姓名: {{ form1.name }}
手机号: {{ form1.phone }}
示例2: 自定义标题
姓名: {{ form2.name }}
手机号: {{ form2.phone }}
示例3: 隐藏删除图标
姓名: {{ form3.name }}
手机号: {{ form3.phone }}
示例4: 多个表单卡片
表单数据:
游客{{ index + 1 }}: {{ item.name }} - {{ item.phone }}