Bricks Schema 中文文档:滤镜控件

📄 原始资料  |  展开查看原始 JSON(filters.json){ “$schema”: “https://json-schema.org/draft/2020-12/schema”, “$id”: “bricks://controls/filters”, “schemaVersion”: “2.3”, “title”: “Filters Control”, “description”: “CSS filter settings”, “controlProperties”: [ “type”, “label”, “group”, “inline”, “css” ],…

📄 原始资料  |  展开查看原始 JSON(filters.json)
{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "bricks://controls/filters",
  "schemaVersion": "2.3",
  "title": "Filters Control",
  "description": "CSS filter settings",
  "controlProperties": [
    "type",
    "label",
    "group",
    "inline",
    "css"
  ],
  "type": "object",
  "properties": {
    "blur": {
      "type": "string"
    },
    "brightness": {
      "type": "string"
    },
    "contrast": {
      "type": "string"
    },
    "grayscale": {
      "type": "string"
    },
    "hue-rotate": {
      "type": "string"
    },
    "invert": {
      "type": "string"
    },
    "opacity": {
      "type": "string"
    },
    "saturate": {
      "type": "string"
    },
    "sepia": {
      "type": "string"
    }
  },
  "titleZh": "滤镜控件",
  "descriptionZh": "CSS 滤镜设置。"
}

前言

CSS 滤镜设置。

基本信息

  • 英文名称Filters Control
  • 中文名称:滤镜控件
  • Schema IDbricks://controls/filters
  • Schema 版本2.3
  • 类型object

属性

  • blur (string)
  • brightness (string)
  • contrast (string)
  • grayscale (string)
  • hue-rotate (string)
  • invert (string)
  • opacity (string)
  • saturate (string)
  • sepia (string)

Schema 定义

完整 JSON 定义

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "bricks://controls/filters",
  "schemaVersion": "2.3",
  "title": "Filters Control",
  "description": "CSS filter settings",
  "controlProperties": [
    "type",
    "label",
    "group",
    "inline",
    "css"
  ],
  "type": "object",
  "properties": {
    "blur": {
      "type": "string"
    },
    "brightness": {
      "type": "string"
    },
    "contrast": {
      "type": "string"
    },
    "grayscale": {
      "type": "string"
    },
    "hue-rotate": {
      "type": "string"
    },
    "invert": {
      "type": "string"
    },
    "opacity": {
      "type": "string"
    },
    "saturate": {
      "type": "string"
    },
    "sepia": {
      "type": "string"
    }
  },
  "titleZh": "滤镜控件",
  "descriptionZh": "CSS 滤镜设置。"
}

补充说明

更多细节可参考 Bricks 官方 Academy 文档