DIY自定义表单功能 · 微酷信小程序v4.3教程

<div class="article"><div class="article-head"><div class="left tools"><a class="item icon"><i class="icon align justify"></i></a></div><h1>DIY自定义表单功能</h1><div class="right tools"><div role="listbox" aria-expanded="false" class="ui top right pointing dropdown item" tabindex="0"><div class="text" role="alert" aria-live="polite"></div><i aria-hidden="true" class="share alternate icon"></i><div class="menu transition"><div role="option" class="item"><i aria-hidden="true" class="linkify icon"></i><span class="text">复制链接</span></div><div role="option" class="item"><i aria-hidden="true" class="qq icon"></i><span class="text">腾讯QQ</span></div><div role="option" class="item"><i aria-hidden="true" class="weibo icon"></i><span class="text">新浪微博</span></div><div class="header"><p><i class="icon wechat"></i><span class="text">微信扫一扫</span></p><img src="https://bshare.optimix.cn/barCode?site=weixin&url=https%3A%2F%2Fwww.kancloud.cn%2Fwangcwei%2Fv4-2%2Fcontent%2F%25E5%2585%25AC%25E4%25BC%2597%25E5%258F%25B7h5%25E5%258A%259F%25E8%2583%25BD.md"></div></div></div></div></div><div class="article-body kancloud-markdown-body"><p>前端要求4.4.36及以上</p> <div class="markdown-toc"><ul><ul><li><a href="#1_2">1.新增自定义表单</a></li><li><a href="#2_6">2.编辑表单内容</a></li><li><a href="#3_8">3.在微页面有引用表单（一个微页面只能引用一个表单）</a></li><li><a href="#4_10">4.表单提交数据（可回复）</a></li><li><a href="#5_12">5.用户查看表单提交数据</a></li><li><a href="#6_17">6。支付的表单会产生订单数据</a></li><li><a href="#7_20">7.特色组件介绍</a></li><ul><li><a href="#1_21">1.单行文本</a></li><li><a href="#2_24">2.下拉菜单</a></li><li><a href="#3_27">3.单选/复选</a></li><li><a href="#4_30">4.手机验证</a></li><li><a href="#5_33">5.上传图片</a></li><li><a href="#6_36">6.日历</a></li><li><a href="#7_41">7.协议</a></li><li><a href="#8_44">8.提交按钮</a></li><ul><li><a href="#1_45">1支持开启支付，支持用户自己修改价格，支持多个支付金额</a></li><li><a href="#2_47">2提交前/提交后台动作，</a></li><li><a href="#3_50">3支持消息提醒</a></li><li><a href="#4_52">4支持设置单独的会员价分销价</a></li><li><a href="#5_54">5支持支付使用优惠券，积分，超级会员卡</a></li><li><a href="#6_56">6支持跟日历组件联动，计算金额的时候乘以天数</a></li><li><a href="#7_58">7.实时动态组件</a></li></ul></ul></ul></ul></div><h2><a id="1_2"></a>1.新增自定义表单</h2> <p><strong>支持设置提交限制，支持设置结束时间，支持设置分销开关</strong><br><img src="https://img.kancloud.cn/e4/b1/e4b1c754f2724fe647292e42b109def1_1878x667.png" alt=""><br><img src="https://img.kancloud.cn/68/f8/68f8c01a6fa932915691979470a4f102_635x731.png" alt=""></p> <h2><a id="2_6"></a>2.编辑表单内容</h2> <p><img src="https://img.kancloud.cn/4b/3a/4b3ab3151060f8b668a4909d6f1f3de8_1549x854.png" alt=""></p> <h2><a id="3_8"></a>3.在微页面有引用表单（一个微页面只能引用一个表单）</h2> <p><img src="https://img.kancloud.cn/2b/29/2b296ea0125d9417151615a4ea2741a2_1637x881.png" alt=""></p> <h2><a id="4_10"></a>4.表单提交数据（可回复）</h2> <p><img src="https://img.kancloud.cn/e0/29/e0295b0927563cd73728f80a3afcb81f_1752x810.png" alt=""></p> <h2><a id="5_12"></a>5.用户查看表单提交数据</h2> <p><img src="https://img.kancloud.cn/77/43/774375b3b0b0c519f75ac9312db916ed_404x714.png" alt=""><br><img src="https://img.kancloud.cn/5f/d5/5fd51d57b5bf7e97ea69fa314a0acd27_409x542.png" alt=""><br><img src="https://img.kancloud.cn/2a/38/2a38a1aebd73ada1a7d3127c667bf37b_420x561.png" alt=""></p> <h2><a id="6_17"></a>6。支付的表单会产生订单数据</h2> <p><img src="https://img.kancloud.cn/38/8c/388c4e995df26bf52011f80077dc6a09_1836x583.png" alt=""></p> <h2><a id="7_20"></a>7.特色组件介绍</h2> <h3><a id="1_21"></a>1.单行文本</h3> <p>支持格式验证：自定义格式，手机号码，身份证，邮箱格式<br><img src="https://img.kancloud.cn/e1/5b/e15b37df69c3f41a373a379a39da382b_1621x751.png" alt=""></p> <h3><a id="2_24"></a>2.下拉菜单</h3> <p>内容设置支持：自定义三级联动，省市区，日期设置，门店<br><img src="https://img.kancloud.cn/77/60/7760541c88810db0a5e9862d3e30e162_1652x705.png" alt=""></p> <h3><a id="3_27"></a>3.单选/复选</h3> <p>支持图文模式<br><img src="https://img.kancloud.cn/46/3b/463b7ca605e8cbad640ddfc0ca9260fd_1657x752.png" alt=""></p> <h3><a id="4_30"></a>4.手机验证</h3> <p>支持短信验证码验证手机号，需要配置短信功能<br><img src="https://img.kancloud.cn/a1/92/a192c7c79260a72f1d1a825924f6da9a_1673x729.png" alt=""></p> <h3><a id="5_33"></a>5.上传图片</h3> <p>支持身份证跟营业执照样式<br><img src="https://img.kancloud.cn/48/7b/487b8a1a09e1efdb3441d97f8b108522_1644x754.png" alt=""></p> <h3><a id="6_36"></a>6.日历</h3> <p>支持日历展示，可以选择一段时间<br><strong>支持当天模式跟跨天模式，当天模式即1号-7号等于7天。跨天模式即1号-7号等于6晚</strong><br><img src="https://img.kancloud.cn/54/ff/54ff3308a73791ca2dc6e60dc1415c9d_1678x772.png" alt=""><br><img src="https://img.kancloud.cn/41/d7/41d7a98af65cd94fec9d53cd06506608_1687x765.png" alt=""></p> <h3><a id="7_41"></a>7.协议</h3> <p>支持协议勾选方式<br><img src="https://img.kancloud.cn/1d/49/1d49f68a7e917c912fdb47f1281527c9_1603x794.png" alt=""></p> <h3><a id="8_44"></a>8.提交按钮</h3> <h4><a id="1_45"></a>1支持开启支付，支持用户自己修改价格，支持多个支付金额</h4> <p><img src="https://img.kancloud.cn/2b/7f/2b7f33e7dcbf3b2a7e512963de8ea9b3_1680x767.png" alt=""></p> <h4><a id="2_47"></a>2提交前/提交后台动作，</h4> <p>支持二次提交提示，支持提交赠送积分，余额，优惠券，卡券，会员，抽奖次数，支持提交后跳转页面<br><img src="https://img.kancloud.cn/a1/df/a1dfdcc749b00d5dae08e25f76bb3445_1387x738.png" alt=""></p> <h4><a id="3_50"></a>3支持消息提醒</h4> <p><img src="https://img.kancloud.cn/a9/b1/a9b1f9b4b79fb646f150da0396ebd6ee_849x556.png" alt=""></p> <h4><a id="4_52"></a>4支持设置单独的会员价分销价</h4> <p><img src="https://img.kancloud.cn/df/b7/dfb759615a9e98e979fe341db2f46ea8_723x482.png" alt=""></p> <h4><a id="5_54"></a>5支持支付使用优惠券，积分，超级会员卡</h4> <p><img src="https://img.kancloud.cn/78/33/78332527d6e7e3c5a85bdadadd9fe49a_748x243.png" alt=""></p> <h4><a id="6_56"></a>6支持跟日历组件联动，计算金额的时候乘以天数</h4> <p><img src="https://img.kancloud.cn/57/59/575907fb605cbd011904bfaedefa196e_763x153.png" alt=""></p> <h4><a id="7_58"></a>7.实时动态组件</h4> <p>结束时间根据表单结束时间显示，进度条根据提交按钮库存设置显示，可以设置最多7个虚拟头像跟昵称<br><img src="https://img.kancloud.cn/3c/60/3c6049f699c205577a5b0945b781b17a_1327x743.png" alt=""></p> </div><div class="article-navigation"><span class="prev">上一篇：<a href="2223526">独立版插件交易功能</a></span><span class="next">下一篇：<a href="2309634">周期购</a></span></div><div class="article-foot"></div></div>