🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
用于设置自定义表单收集信息,如:报名、预约、留言等 自定义表单支持设置金额进行在线支付,支持分销,分销设置 可选择按照用户等级,单独设置提成比例,单独设置提成金额,不参与分销 按照用户等级:按照用户等级中设置的提成比例进行提成分配,提成=对应用户等级的提成比例×销售价×购买数量 单独设置提成比例:按照单独设置的提成比例进行提成分配,提成=设置的百分比×销售价×购买数量 单独设置提成金额:按照单独设置的提成金额进行提成分配,提成=提成金额×购买数量 ![](https://img.kancloud.cn/d8/f3/d8f39cc47bb7dbcbe6d88e8e81fddb08_1319x869.png) ![](https://img.kancloud.cn/49/1a/491a97d3dbfec09beb2923ce7f71931d_1323x798.png) 表单内容:支持单行输入,多行输入,单项选择,多项选择,普通选择,时间选择,日期选择,年份选择,省市区选择,上传图片,上传多图 ![](https://img.kancloud.cn/a1/80/a1801b91af82a3e65cc745987dbc225a_1458x871.png) 填写字段名称,字段内容(填写内容提示),是否必填,标题是否加粗,可通过上箭头,下箭头,×号进行上移,下移,删除操作,单行输入类型包含文本,数字,手机号,身份证号,邮箱(如果选择手机号,身份证号,邮箱时前端有此类型验证),多项选择类型包含一行多个,一行一个;上传图片只支持上传一张,如需多张上传建议添加多次“上传图片”表单项 前端展示效果 ![](https://img.kancloud.cn/12/87/12873b92d2687ddc180754d97c939b2e_305x681.png) #### **自定义表单如何在设计页面调用?** 1、表单直接展示在首页或其他设计页面 第一步:设计-页面设计-编辑 ![](https://img.kancloud.cn/85/86/8586aadffc09623948535be79b0c79ff_840x642.png) 第二步:在编辑页面选择\[表单\]控件,点击选择按钮,选择需要的表单,可根据需要选择表单样式,修改输入框颜色,提交按钮内容,提交后跳转,未开始提示等,然后点击右上角的设计完成按钮,前端页面就可以展示表单了。 ![](https://img.kancloud.cn/e5/8b/e58ba462301fb1c2ccb3b2c28c265cb1_1303x801.png) ![](https://img.kancloud.cn/c2/f1/c2f1483e0329a4accf16253089617870_1305x826.png) 前端展示: ![](https://img.kancloud.cn/41/e1/41e1fb00b8012d3d53e667a47ac490e8_305x667.png) 2、表单单独展示在一个页面并通过图片、按钮等控件跳转到表单 第一步:添加一个新的设计页面,选择\[表单\]控件,点击选择按钮,选择需要的表单,根据需要选择表单样式,修改输入框颜色,提交按钮内容,提交后跳转,未开始提示等,然后点击右上角的设计完成按钮 ![](https://img.kancloud.cn/fb/03/fb0351596a30f69c118426872bd1cf8e_841x675.png) ![](https://img.kancloud.cn/b2/4e/b24e920359206bf7f5b4366475efe38a_1311x827.png) ![](https://img.kancloud.cn/e2/d2/e2d2862a313ce3f325581f5cbd08e0b3_1295x840.png) 第二步:选择任意页面进行编辑(我选择的是首页),选择单图或按钮控件(我选择的是单图控件),选择链接-设计页面-找到添加的表单页面,点击选择按钮-点击右上角设计完成 ![](https://img.kancloud.cn/43/da/43daa7b670e03df2cdf78a73491e60fb_1296x783.png) ![](https://img.kancloud.cn/2c/6f/2c6f110084935287ce7758910dd7e5d6_1511x768.png) 第三步:打开小程序-首页,找到刚添加的图片点击,跳转表单页 ![](https://img.kancloud.cn/ef/45/ef4574b07ae8c26aade945a05623538a_301x677.png) ![](https://img.kancloud.cn/d2/ba/d2ba19527e929d2f2669f811a8c1ea77_328x676.png)