自定义表单 · 直播社交电商系统V4

# DIY自定义表单功能前端要求4.4.36及以上 * [1.新增自定义表单](https://www.kancloud.cn/wangcwei/v4-2/2247310#1_2) * [2.编辑表单内容](https://www.kancloud.cn/wangcwei/v4-2/2247310#2_5) * [3.在微页面有引用表单（一个微页面只能引用一个表单）](https://www.kancloud.cn/wangcwei/v4-2/2247310#3_7) * [4.表单提交数据（可回复）](https://www.kancloud.cn/wangcwei/v4-2/2247310#4_9) * [5.用户查看表单提交数据](https://www.kancloud.cn/wangcwei/v4-2/2247310#5_11) * [6。支付的表单会产生订单数据](https://www.kancloud.cn/wangcwei/v4-2/2247310#6_16) * [7.特色组件介绍](https://www.kancloud.cn/wangcwei/v4-2/2247310#7_19) * [1.单行文本](https://www.kancloud.cn/wangcwei/v4-2/2247310#1_20) * [2.下拉菜单](https://www.kancloud.cn/wangcwei/v4-2/2247310#2_23) * [3.单选/复选](https://www.kancloud.cn/wangcwei/v4-2/2247310#3_26) * [4.手机验证](https://www.kancloud.cn/wangcwei/v4-2/2247310#4_29) * [5.上传图片](https://www.kancloud.cn/wangcwei/v4-2/2247310#5_32) * [6.日历](https://www.kancloud.cn/wangcwei/v4-2/2247310#6_35) * [7.协议](https://www.kancloud.cn/wangcwei/v4-2/2247310#7_39) * [8.提交按钮](https://www.kancloud.cn/wangcwei/v4-2/2247310#8_42) ## 1.新增自定义表单 ![](https://img.kancloud.cn/e4/b1/e4b1c754f2724fe647292e42b109def1_1878x667.png) ![](https://img.kancloud.cn/02/8d/028ddb51dff91df44a40d23215e96002_734x723.png) ## 2.编辑表单内容 ![](https://img.kancloud.cn/4b/3a/4b3ab3151060f8b668a4909d6f1f3de8_1549x854.png) ## 3.在微页面有引用表单（一个微页面只能引用一个表单） ![](https://img.kancloud.cn/2b/29/2b296ea0125d9417151615a4ea2741a2_1637x881.png) ## 4.表单提交数据（可回复） ![](https://img.kancloud.cn/e0/29/e0295b0927563cd73728f80a3afcb81f_1752x810.png) ## 5.用户查看表单提交数据 ![](https://img.kancloud.cn/77/43/774375b3b0b0c519f75ac9312db916ed_404x714.png) ![](https://img.kancloud.cn/5f/d5/5fd51d57b5bf7e97ea69fa314a0acd27_409x542.png) ![](https://img.kancloud.cn/2a/38/2a38a1aebd73ada1a7d3127c667bf37b_420x561.png) ## 6。支付的表单会产生订单数据 ![](https://img.kancloud.cn/38/8c/388c4e995df26bf52011f80077dc6a09_1836x583.png) ## 7.特色组件介绍 #### 1.单行文本支持格式验证：自定义格式，手机号码，身份证，邮箱格式 ![](https://img.kancloud.cn/e1/5b/e15b37df69c3f41a373a379a39da382b_1621x751.png) #### 2.下拉菜单内容设置支持：自定义三级联动，省市区，日期设置，门店 ![](https://img.kancloud.cn/77/60/7760541c88810db0a5e9862d3e30e162_1652x705.png) #### 3.单选/复选支持图文模式 ![](https://img.kancloud.cn/46/3b/463b7ca605e8cbad640ddfc0ca9260fd_1657x752.png) #### 4.手机验证支持短信验证码验证手机号，需要配置短信功能 ![](https://img.kancloud.cn/a1/92/a192c7c79260a72f1d1a825924f6da9a_1673x729.png) #### 5.上传图片支持身份证跟营业执照样式 ![](https://img.kancloud.cn/48/7b/487b8a1a09e1efdb3441d97f8b108522_1644x754.png) #### 6.日历支持日历展示，可以选择一段时间 ![](https://img.kancloud.cn/54/ff/54ff3308a73791ca2dc6e60dc1415c9d_1678x772.png) ![](https://img.kancloud.cn/41/d7/41d7a98af65cd94fec9d53cd06506608_1687x765.png) #### 7.协议支持协议勾选方式 ![](https://img.kancloud.cn/1d/49/1d49f68a7e917c912fdb47f1281527c9_1603x794.png) #### 8.提交按钮支持开启支付，支持用户自己修改价格，支持多个支付金额 ![](https://img.kancloud.cn/2b/7f/2b7f33e7dcbf3b2a7e512963de8ea9b3_1680x767.png) 提交前/提交后台动作，支持二次提交提示，支持提交赠送积分，余额，优惠券，卡券，会员，抽奖次数，支持提交后跳转页面 ![](https://img.kancloud.cn/a1/df/a1dfdcc749b00d5dae08e25f76bb3445_1387x738.png) 支持消息提醒 ![](https://img.kancloud.cn/a9/b1/a9b1f9b4b79fb646f150da0396ebd6ee_849x556.png)