低代码配置-小程序配置

数据结构

复制代码
{
  "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 提供字段查询)
相关推荐
小李子呢02117 分钟前
前端八股---MVVM
前端·javascript·vue.js
Z_Wonderful20 分钟前
Qiankun 子应用数据互通 + 资源共享 完整方案(React+Vue)
前端·vue.js·react.js
Ruihong1 小时前
Vue 3 defineOptions 宏,用 VuReact 编译成 React 长什么样?
vue.js·react.js·面试
花归去1 小时前
在 Vue 项目中配置 postcss-preset-env
vue.js·webpack·postcss
LIO1 小时前
Vue3 + TS 企业级工程化项目全套实战(Vue3 + Vite + Pinia + VueRouter + Element Plus)
前端·vue.js
挖稀泥的工人1 小时前
AI 打字跟随优化
前端·javascript·vue.js
Ruihong1 小时前
你的 Vue 3 defineEmits(),VuReact 会编译成什么样的 React?
vue.js·react.js·面试
CodeCxil1 小时前
基于Vue的在线Online Word文档编辑器-效果预览
前端·vue.js·word
SuperEugene2 小时前
Vue3 配置驱动表格:列配置/操作配置/分页配置,统一表格渲染|配置驱动开发实战篇
前端·javascript·vue.js·驱动开发·架构
CodeCxil2 小时前
基于Vue的在线Online Word文档编辑器
vue.js·编辑器·word