<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ## 模板配置JSON 放在模板的根目錄下,用于用戶自定義一些配置、前臺調取。 支持text、textarea、radio、checkbox、select、image、images、date、datetime控件 組件可前往這里了解:[字段類型與組件](%E5%89%8D%E8%A8%80.md) ## 使用說明 ### 一級寫法 說明 ![](https://img.kancloud.cn/87/a0/87a00a8abf20e7d2802626228b2e25eb_349x259.png) | key | 更改key值 | value值 | 是否必填| 說明 | | --- | --- | --- | --- | --- | | field | <span style="color:red;">可更改</span> | - | - | <span style="color:red;">field改為king</span><br>前臺調用方式<br>{$Tpl.<span style="color:red;">king</span>} | | title | 否 | 隨便填 | 否 | - | | type | 否 | text<br>textarea<br>radio<br>checkbox<br>select<br>image<br>images<br>date<br>datetime | --- | 具體說明<br>[字段類型與組件](%E5%89%8D%E8%A8%80.md) | | tips | 否 | 隨便填 | 否 | 后臺模板配置時候提示效果 | | rules| 否 | - | 否 | 驗證規則<br>如果多個驗證請用 <span style="color:red;">;</span> 隔開<br>[查看規則](%E9%AA%8C%E8%AF%81%E8%A7%84%E5%88%99.md) | | error_tips | 否 | 隨便填 | 否 | 自定義驗證規則錯誤信息。<br>填寫了,會覆蓋規則的錯誤提示消息。 | | value | 否 | - | 否 | 默認值 | ### 多級寫法 說明 ![](https://img.kancloud.cn/1b/f8/1bf8887abd75f74721ff8526d07431c8_409x504.png) | key | 更改key值 | value值 | 是否必填| 說明 | | --- | --- | --- | --- | --- | | base/more | <span style="color:red;">可更改</span> | - | - | <span style="color:red;">base改為king</span><br>前臺調用方式<br>{$Tpl.<span style="color:red;">king</span>.item中的key值} | | title | 否 | 隨便填 | 否 | - | | item | 否 | - | 是 | 多個一級寫法組成<br>key值不能重復 | ## 使用示例 ### 簡單寫法(一級) 前臺調用方式,如下配置文件。調取標題字段的值。 **{$Tpl.field}** 或者 **{$Tpl['field']}** ~~~ { "field": { "title": "標題", "type": "text", "tips": "提示", "rules": "required;length(3~16)", "error_tips": "值必須", "value": "" } } ~~~ 效果圖 ![](https://img.kancloud.cn/c8/7c/c87c00878c38732294a020a9cd8a533b_803x252.jpg) ### 配置分組寫法 (多級) 調取標題 **{$Tpl.base.text}** 或者 **{$Tpl['base']['text']}** 示例代碼 ~~~ { "base": { "title": "基礎配置", "item": { "text": { "title": "標題", "type": "text", "tips": "提示", "rules": "required;length(3~16)", "error_tips": "值必須", "value": "" }, "textarea": { "title": "描述", "type": "textarea", "tips": "", "rules": "", "error_tips": "", "value": "" }, "radio": { "title": "是否顯示", "type": "radio", "tips": "", "rules": "", "error_tips": "", "options": { "1": "顯示", "0": "不顯示" }, "value": "1" }, "checkbox": { "title": "多項選擇", "type": "checkbox", "tips": "", "rules": "", "error_tips": "", "options": { "1": "顯示1", "2": "顯示3", "0": "不顯示" }, "value": "1,2" }, "select": { "title": "下拉選擇", "type": "select", "tips": "我是提示", "rules": "", "error_tips": "", "options": { "1": "測試1", "2": "測試2", "3": "測試3" }, "value": "2" }, "selects": { "title": "下拉多項選擇", "type": "selects", "tips": "我是提示", "rules": "", "error_tips": "", "options": { "1": "測試1", "2": "測試2", "3": "測試3" }, "value": "2,3" } } }, "more": { "title": "更多選項", "item": { "image": { "title": "圖片", "type": "image", "tips": "請上傳圖片", "rules": "required", "error_tips": "請上傳圖片", "value": "" }, "images": { "title": "圖片", "type": "images", "tips": "請上傳圖片", "rules": "required", "error_tips": "請上傳圖片", "max_number": 5, "value": "" }, "date": { "title": "日期", "type": "date", "tips": "", "rules": "required", "error_tips": "日期選擇", "value": "" }, "datetime": { "title": "日期時間", "type": "datetime", "tips": "日期時間", "rules": "", "error_tips": "日期時間", "value": "" } } } } ~~~ 分組后的效果圖 ![](https://img.kancloud.cn/81/74/8174709ca8e948bef7965c2261411f93_1193x825.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看