drip-form 动态表单对应的 react-vant 移动端主题包
npm install drip-form-theme-react-vant
//导入drip form渲染核心
import DripForm from '@jdfed/drip-form'
//导入react-vant主题
import reactVant from 'drip-form-theme-react-vant'
//导入表单配置文件
import unitedSchema from './unitedSchema'
//导入drip form样式
import '@jdfed/drip-form/dist/index.css'
function App() {
return (
<DripForm
// 表单配置文件
unitedSchema={unitedSchema}
// 导入组件
uiComponents={{ reactVant }}
// 设置表单值
formData={{
checkbox: '1',
colorPicker: '#000000',
text: '1111',
number: 1,
}}
></DripForm>
)
}
export default App
- 持续更新
组件名 | 状态 |
---|---|
Text 文本输入 | 已支持 |
Number 数字输入 | 已支持 |
Select 选择器 | 已支持 |
Radio 单选框 | 已支持 |
Null 空表单 | 已支持 |
Switch 开关 | 已支持 |
Slider 滑动输入条 | 已支持 |
TimePicker 时间选择器 | 已支持 |
DatePicker 日期选择器 | 已支持 |
ColorPicker 颜色选择器 | 已支持 |
Checkbox 多选框 | 已支持 |
Uploader 上传 | 已支持 |