低代码配置-小程序配置

数据结构

复制代码
{
  "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 提供字段查询)
相关推荐
游戏开发爱好者81 天前
iOS 开发者的安全加固工具,从源码到成品 IPA 的多层防护体系实践
android·安全·ios·小程序·uni-app·cocoa·iphone
大猩猩X1 天前
vxe-gantt 甘特图使用右键菜单
vue.js·vxe-table·vxe-ui·vxe-gantt
玄微云1 天前
如何选择可靠的产后修复营销小程序?市场分析与实用指南
小程序
灵魂学者1 天前
Vue3.x —— 父子通信
前端·javascript·vue.js·github
芳草萋萋鹦鹉洲哦1 天前
【vue/js】文字超长悬停显示的几种方式
前端·javascript·vue.js
游戏开发爱好者81 天前
Charles 抓不到包怎么办?从 HTTPS 代理排错到底层数据流补抓的完整解决方案
网络协议·http·ios·小程序·https·uni-app·iphone
涔溪1 天前
Vue3 的核心语法
前端·vue.js·typescript
Zohnny1 天前
3.组合式函数
vue.js
小周同学1 天前
vue3 上传文件,图片,视频组件
前端·vue.js