menu表示组件的配置项类型为菜单。菜单用来组织配置项的结构,目前支持一级菜单和二级菜单。

菜单样式

  • 一级菜单一级菜单
  • 二级菜单二级菜单

配置项说明

字段名 含义 类型 是否必选 备注
name 显示名 string 无。
type 类型 string 无。
default 默认值 object 不填时值为空。
children 菜单内容 object 默认为{}。必须包含modename字段。
  • mode:是否嵌套了二级菜单,"single"表示仅有一级菜单,"multiple"表示有二级菜单。
  • name:菜单名。

值说明

条件 数据类型 示例 默认值
不涉及 object
"options": {
   "menuA": {
     "switch": true
   },
   "menuB": {
     "menuB1": {
       "text": "Hello"
     },
     "menuB2": {
       "stepper": 2
     }
   }
 }
{}

配置示例

menu配置示例
"options": {
    "name": "菜单",
    "type": "menu",
    "children": {
      "menuA": {
        "name": "菜单A",
        "mode": "single",
        "children": {
          "switch": {
            "name": "开关",
            "type": "switch",
            "default": true
          }
        }
      },
      "menuB": {
        "name": "菜单B",
        "mode": "multiple",
        "children": {
          "menuB1": {
            "name": "菜单B1",
            "children": {
              "text": {
                "name": "文本",
                "type": "text",
                "default": "Hello"
              }
            }
          },
          "menuB2": {
            "name": "菜单B2",
            "children": {
              "stepper": {
                "name": "步进器",
                "type": "stepper",
                "default": 1
              }
            }
          }
        }
      }
    }
}