低代码配置-小程序配置

数据结构

复制代码
{
  "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 提供字段查询)
相关推荐
橙武低代码1 分钟前
业务流低代码平台:从理念到实战
android·低代码·ai编程
QDKuz10 分钟前
掌握Vue2转Vue3, Options API 转 Composition API
前端·javascript·vue.js
QuantumLeap丶1 小时前
《uni-app跨平台开发完全指南》- 07 - 数据绑定与事件处理
vue.js·ios·uni-app
OpenTiny社区2 小时前
救命!这个低代码工具太香了 ——TinyEngine 物料自动导入上手
前端·低代码·github
亲爱的马哥2 小时前
填鸭表单!开箱即用的开源问卷调查系统!
java·前端·低代码·产品经理
NocoBase3 小时前
7 款最佳自托管 AI 工具,快速构建业务应用
低代码·开源·资讯
星光一影4 小时前
基于SpringBoot与Vue的海外理财系统设计与实现
vue.js·spring boot·后端·mysql·node.js·html5
麦麦大数据4 小时前
D037 vue+django三国演义知识图谱可视化系统
vue.js·django·知识图谱·neo4j·可视化
程序员小寒4 小时前
前端高频面试题之Vue(高级篇)
前端·javascript·vue.js
用户9714171814275 小时前
Vue3实现拖拽排序
javascript·vue.js