🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
用于设置自定义表单收集信息,如:报名、预约、留言等 自定义表单支持设置金额进行在线支付,支持分销,分销设置 可选择按照用户等级,单独设置提成比例,单独设置提成金额,不参与分销 按照用户等级:按照用户等级中设置的提成比例进行提成分配,提成=对应用户等级的提成比例×销售价×购买数量 单独设置提成比例:按照单独设置的提成比例进行提成分配,提成=设置的百分比×销售价×购买数量 单独设置提成金额:按照单独设置的提成金额进行提成分配,提成=提成金额×购买数量 ![](https://img.kancloud.cn/27/37/2737278bc1590f9db9204a3e2cf39d94_1320x916.png) ![](https://img.kancloud.cn/82/ae/82ae162b54dee44c2b40fa9c60d70265_1320x916.png) 表单内容:支持单行输入,多行输入,单项选择,多项选择,普通选择,时间选择,日期选择,年份选择,省市区选择,上传图片 ![](https://img.kancloud.cn/a1/80/a1801b91af82a3e65cc745987dbc225a_1458x871.png) 填写字段名称,字段内容(填写内容提示),是否必填,标题是否加粗,可通过上箭头,下箭头,×号进行上移,下移,删除操作,单行输入类型包含文本,数字,手机号,身份证号,邮箱(如果选择手机号,身份证号,邮箱时前端有此类型验证),多项选择类型包含一行多个,一行一个;上传图片只支持上传一张,如需多张上传建议添加多次“上传图片”表单项 前端展示效果 ![](https://img.kancloud.cn/8b/03/8b030db52a775f3e06500968eed3c85c_1080x2400.png) \*\*####**自定义表单如何在设计页面调用?** 1、表单直接展示在首页或其他设计页面 第一步:设计-页面设计-编辑 ![](https://img.kancloud.cn/cd/09/cd096e3365d50fdc1a991a9105663dd0_840x684.png) 第二步:在编辑页面选择\[表单\]控件,点击选择按钮,选择需要的表单,可根据需要选择表单样式,修改输入框颜色,提交按钮内容,提交后跳转,未开始提示等,然后点击右上角的设计完成按钮,前端页面就可以展示表单了。 ![](https://img.kancloud.cn/7e/ed/7eedef3597a300674d7df3634ff1a8b9_1314x856.png) ![](https://img.kancloud.cn/b9/de/b9dec2d1e5e45448d9365b85db4025d3_1306x869.png) 前端展示: ![](https://img.kancloud.cn/d0/6b/d06bcfc75c69c1d6822f1ac99a7c568a_1080x2400.png) 2、表单单独展示在一个页面并通过图片、按钮等控件跳转到表单 第一步:添加一个新的设计页面,选择\[表单\]控件,点击选择按钮,选择需要的表单,根据需要选择表单样式,修改输入框颜色,提交按钮内容,提交后跳转,未开始提示等,然后点击右上角的设计完成按钮 ![](https://img.kancloud.cn/a3/48/a348c6e0314e59bc162c914de28bb9c1_843x680.png) ![](https://img.kancloud.cn/b0/94/b094ae6f961b3189a19ecab652feeb63_1311x866.png) ![](https://img.kancloud.cn/ff/9b/ff9b0ff4120c64fe1b945a8368dfde4c_1296x891.png) 第二步:选择任意页面进行编辑(我选择的是首页),选择单图或按钮控件(我选择的是单图控件),选择链接-设计页面-找到添加的表单页面,点击选择按钮-点击右上角设计完成 ![](https://img.kancloud.cn/10/c9/10c9097e65ac2eb819936912b7b08c0f_1299x820.png) ![](https://img.kancloud.cn/38/f6/38f6cf47a1ff35e5a2022aa78bedaa7f_1509x765.png) 第三步:打开小程序-首页,找到刚添加的图片点击,跳转表单页 ![](https://img.kancloud.cn/8b/14/8b14db661d888ff1efbc4d2fdb9112b3_1080x2400.png) ![](https://img.kancloud.cn/03/56/03564a66fe971fe28d354090c2a3b0d7_1080x2400.png)