低代码配置-小程序配置

数据结构

复制代码
{
  "data": {
    "layout": {
        "api":{
            "pageApi":{
                //api详情
            }
        },
        "config":{
            "title":"页面标题",
          },
        "listLayout": {
            "fields": [
              {
                "componentCode": "grid",
                "columns": []
              }
            ]
          },
          // 选择器
        "filterLayout": [],
          // 搜索框
        "searchLayout": {
            "ifShow": true,
            "conditionFields": [
              { 
                "key": "name",
                "condition": "LIKE",
                "value": ""
              } 
            ],
            "placeholder": "店铺名称"
          },
          // tab栏
        "tabLayout": {
            "ifShow": true,
            "conditionFields": [
              { "label": "缴费通知", "key": "tab1", "condition": "EQ", "badge": 0, "value": 1 },
              { "label": "月度对账", "key": "tab2", "condition": "EQ", "badge": 1, "value": 2 }
            ]
          },
          // 按钮
        "buttonLayout": {
            // 全局按钮
            "outsideButton": [
              {
                "billCode": "1528673694668988419",
                "bindBillCode": "1528673694668988419",
                "bindBillName": "",
                "bindEventCode": "add",
                "bindEventName": "添加",
                "buttonCode": "add",
                "buttonDesc": "",
                "buttonName": "添加",
                "key": "buttonItem",
                "label": "添加",
                "sort": 0,
                "type": "buttonItem",
                "version": "6.4.3"
              }
            ],
            // 卡片按钮
            "insideButton": []
          }
        }
      }
}

搜索框配置

复制代码
- 是否显示
- 搜索字段
- 搜索条件( like in ...)

下拉搜索需筛选数据来源

  1. 字段关系
  2. 若绑定了API需从API中获取
  3. 自定义( 后端API 提供字段查询)
相关推荐
AprChell24 分钟前
低代码设计器和低代码设计引擎架构综述
前端·vue.js·低代码
Ruihong25 分钟前
🎉 VuReact 1.9.0 发布,支持 Vue 3.4 defineModel 编译到 React
vue.js·react.js·面试
英勇无比的消炎药1 小时前
TinyRobot 源码深度分析:OpenTiny 的 AI 对话组件库
前端·vue.js·github
行者全栈架构师21 小时前
UniApp集成vk-uview-ui组件库详解:打造高效UI开发体验
前端·vue.js
Csvn1 天前
Vue 3 defineModel 翻车实录:多个 v-model 绑定到底怎么写?
前端·vue.js
Momo__1 天前
VueUse createReusableTemplate —— 单文件组件内的模板复用神器
前端·vue.js
程序员小富1 天前
我开源了一个开发者专属的智能 JSON 工具,得到了媳妇高度认可
前端·vue.js·后端
JustHappy1 天前
「软件设计思想杂谈🤔」“切图仔”也能懂编译原理?框架源码也许没那么难。聊聊 Vue 的编译(上)
前端·javascript·vue.js
假如让我当三天老蒯2 天前
Options API(选项式 API) 和 Composition API(组合式 API)
前端·vue.js·面试
Kagol4 天前
NocoBase 开源项目源码深度分析
低代码