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.hmoore.net%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>