## 模板配置JSON 放在模板的根目錄下，用于用戶自定義一些配置、前臺調取。 支持text、textarea、radio、checkbox、select、image、images、date、datetime控件 組件可前往這里了解：[字段類型與組件](%E5%89%8D%E8%A8%80.md) ## 使用說明 ### 一級寫法 說明  | 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 | 否 | - | 否 | 默認值 | ### 多級寫法 說明  | 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": "" } } ~~~ 效果圖  ### 配置分組寫法 (多級) 調取標題 **{$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": "" } } } } ~~~ 分組后的效果圖