Bricks Schema 中文文档：倒计时

标签TAGS:

2026年8月30日

📄 原始资料（已截断） | 展开查看原始 JSON（countdown.json）{ “$schema”: “https://json-schema.org/draft/2020-12/schema”, “$id”: “bricks://elements/countdown”, “schemaVersion”: “2.3”, “type”: “object”, “title”: “Countdown”, “description”: “Schema for Bricks Countdown element”, “metadata”: { “name”: “countd…

📄 原始资料（已截断） | 展开查看原始 JSON（countdown.json）

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "bricks://elements/countdown",
  "schemaVersion": "2.3",
  "type": "object",
  "title": "Countdown",
  "description": "Schema for Bricks Countdown element",
  "metadata": {
    "name": "countdown",
    "category": "general",
    "tag": "div",
    "nestable": false
  },
  "settings": {
    "date": {
      "label": "Date",
      "default": "2026-01-01 12:00",
      "valueSchema": {
        "type": "string"
      },
      "controlType": "datepicker",
      "labelZh": "日期"
    },
    "timezone": {
      "label": "Time zone",
      "options": {
        "UTC-12:00": "UTC-12:00",
        "UTC-11:00": "UTC-11:00",
        "UTC-10:00": "UTC-10:00",
        "UTC-09:30": "UTC-09:30",
        "UTC-09:00": "UTC-09:00",
        "UTC-08:00": "UTC-08:00",
        "UTC-07:00": "UTC-07:00",
        "UTC-06:00": "UTC-06:00",
        "UTC-05:00": "UTC-05:00",
        "UTC-04:30": "UTC-04:30",
        "UTC-04:00": "UTC-04:00",
        "UTC-03:30": "UTC-03:30",
        "UTC-03:00": "UTC-03:00",
        "UTC-02:00": "UTC-02:00",
        "UTC-01:00": "UTC-01:00",
        "UTC+00:00": "UTC+00:00",
        "UTC+01:00": "UTC+01:00",
        "UTC+02:00": "UTC+02:00",
        "UTC+03:00": "UTC+03:00",
        "UTC+03:30": "UTC+03:30",
        "UTC+04:00": "UTC+04:00",
        "UTC+04:30": "UTC+04:30",
        "UTC+05:00": "UTC+05:00",
        "UTC+05:30": "UTC+05:30",
        "UTC+05:45": "UTC+05:45",
        "UTC+06:00": "UTC+06:00",
        "UTC+06:30": "UTC+06:30",
        "UTC+07:00": "UTC+07:00",
        "UTC+08:00": "UTC+08:00",
        "UTC+08:45": "UTC+08:45",
        "UTC+09:00": "UTC+09:00",
        "UTC+09:30": "UTC+09:30",
        "UTC+10:00": "UTC+10:00",
        "UTC+10:30": "UTC+10:30",
        "UTC+11:00": "UTC+11:00",
        "UTC+12:00": "UTC+12:00",
        "UTC+12:45": "UTC+12:45",
        "UTC+13:00": "UTC+13:00",
        "UTC+14:00": "UTC+14:00",
        "UTC-12:00Zh": "UTC-12:00",
        "UTC-11:00Zh": "UTC-11:00",
        "UTC-10:00Zh": "UTC-10:00",
        "UTC-09:30Zh": "UTC-09:30",
        "UTC-09:00Zh": "UTC-09:00",
        "UTC-08:00Zh": "UTC-08:00",
        "UTC-07:00Zh": "UTC-07:00",
        "UTC-06:00Zh": "UTC-06:00",
        "UTC-05:00Zh": "UTC-05:00",
        "UTC-04:30Zh": "UTC-04:30",
        "UTC-04:00Zh": "UTC-04:00",
        "UTC-03:30Zh": "UTC-03:30",
        "UTC-03:00Zh": "UTC-03:00",
        "UTC-02:00Zh": "UTC-02:00",
        "UTC-01:00Zh": "UTC-01:00",
        "UTC+00:00Zh": "UTC+00:00",
        "UTC+01:00Zh": "UTC+01:00",
        "UTC+02:00Zh": "UTC+02:00",
        "UTC+03:00Zh": "UTC+03:00",
        "UTC+03:30Zh": "UTC+03:30",
        "UTC+04:00Zh": "UTC+04:00",
        "UTC+04:30Zh": "UTC+04:30",
        "UTC+05:00Zh": "UTC+05:00",
        "UTC+05:30Zh": "UTC+05:30",
        "UTC+05:45Zh": "UTC+05:45",
        "UTC+06:00Zh": "UTC+06:00",
        "UTC+06:30Zh": "UTC+06:30",
        "UTC+07:00Zh": "UTC+07:00",
        "UTC+08:00Zh": "UTC+08:00",
        "UTC+08:45Zh": "UTC+08:45",
        "UTC+09:00Zh": "UTC+09:00",
        "UTC+09:30Zh": "UTC+09:30",
        "UTC+10:00Zh": "UTC+10:00",
        "UTC+10:30Zh": "UTC+10:30",
        "UTC+11:00Zh": "UTC+11:00",
        "UTC+12:00Zh": "UTC+12:00",
        "UTC+12:45Zh": "UTC+12:45",
        "UTC+13:00Zh": "UTC+13:00",
        "UTC+14:00Zh": "UTC+14:00"
      },
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Single selection",
            "descriptionZh": "单选。"
          },
          {
            "type": "array",
            "items": {
              "type": "string"
            },
            "description": "Multiple selection",
            "descriptionZh": "多选。"
          }
        ]
      },
      "controlType": "select",
      "labelZh": "时区"
    },
    "action": {
      "label": "Date Reached",
      "options": {
        "countdown": "Countdown",
        "hide": "Hide",
        "text": "Custom text",
        "countdownZh": "倒计时",
        "hideZh": "隐藏",
        "textZh": "自定义文本"
      },
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Single selection",
            "descriptionZh": "单选。"
          },
          {
            "type": "array",
            "items": {
              "type": "string"
            },
            "description": "Multiple selection",
            "descriptionZh": "多选。"
          }
        ]
      },
      "controlType": "select",
      "labelZh": "日期到达时"
    },
    "actionText": {
      "label": "Date Reached",
      "hasRequired": true,
      "valueSchema": {
        "type": "string"
      },
      "controlType": "text",
      "labelZh": "日期到达时"
    },
    "fields": {
      "label": "Prefix",
      "valueSchema": {
        "type": "array",
        "items": {
          "type": "object"
        }
      },
      "controlType": "repeater",
      "labelZh": "前缀"
    },
    "flexDirectionFields": {
      "label": "Direction",
      "css": [
        {
          "property": "flex-direction"
        }
      ],
      "valueSchema": {
        "type": "string",
        "enum": [
          "row",
          "row-reverse",
          "column",
          "column-reverse"
        ]
      },
      "controlType": "direction",
      "labelZh": "方向"
    },
    "justifyContent": {
      "label": "Align main axis",
      "css": [
        {
          "property": "justify-content"
        }
      ],
      "valueSchema": {
        "type": "string",
        "enum": [
          "flex-start",
          "flex-end",
          "center",
          "space-between",
          "space-around",
          "space-evenly"
        ]
      },
      "controlType": "justify-content",
      "labelZh": "主轴对齐"
    },
    "alignItems": {
      "label": "Align cross axis",
      "css": [
        {
          "property": "align-items"
        }
      ],
      "valueSchema": {
        "type": "string",
        "enum": [
          "flex-start",
          "flex-end",
          "center",
          "baseline",
          "stretch"
        ]
      },
      "controlType": "align-items",
      "labelZh": "交叉轴对齐"
    },
    "flexDirection": {
      "label": "Direction",
      "css": [
        {
          "property": "flex-direction",
          "selector": ".field"
        }
      ],
      "valueSchema": {
        "type": "string",
        "enum": [
          "row",
          "row-reverse",
          "column",
          "column-reverse"
        ]
      },
      "controlType": "direction",
      "labelZh": "方向"
    },
    "gutter": {
      "label": "Margin",
      "css": [
        {
          "property": "margin",
          "selector": ".field"
        }
      ],
      "valueSchema": {
        "type": "object",
        "description": "Spacing value with directional properties",
        "properties": {
          "top": {
            "type": "string",
            "description": "Top spacing value with unit",
            "descriptionZh": "顶部间距值（带单位）。"
          },
          "right": {
            "type": "string",
            "description": "Right spacing value with unit",
            "descriptionZh": "右侧间距值（带单位）。"
          },
          "bottom": {
            "type": "string",
            "description": "Bottom spacing value with unit",
            "descriptionZh": "底部间距值（带单位）。"
          },
          "left": {
            "type": "string",
            "description": "Left spacing value with unit",
            "descriptionZh": "左侧间距值（带单位）。"
          }
        },
        "additionalProperties": false,
        "descriptionZh": "带方向属性的间距值。"
      },
      "controlType": "spacing",
      "labelZh": "外边距"
    },
    "typography": {
      "label": "Typography",
      "css": [
        {
          "property": "font"
        }
      ],
      "valueSchema": {
        "type": "object",
        "description": "Typography settings",
        "properties": {
          "font-family": {
            "type": "string"
          },
          "fon

... (内容过长已截断，完整 JSON 见原始文件)

前言

Bricks Countdown 元素的 schema。

基本信息

英文名称：Countdown
中文名称：倒计时
Schema ID：bricks://elements/countdown
Schema 版本：2.3
类型：object
分类：general
Tag：div
内部名称：countdown

设置项

date — 日期 (datepicker)
timezone — 时区 (select)
action — 日期到达时 (select)
actionText — 日期到达时 (text)
fields — 前缀 (repeater)
flexDirectionFields — 方向 (direction)
justifyContent — 主轴对齐 (justify-content)
alignItems — 交叉轴对齐 (align-items)
flexDirection — 方向 (direction)
gutter — 外边距 (spacing)
typography — 排版 (typography)
typographyPrefix — 排版 (typography)
typographySuffix — 排版 (typography)
_content — 内容 (text)
_margin — 外边距 (spacing)
_padding — 内边距 (spacing)
_width — 宽度 (number)
_widthMin — 最小宽度 (number)
_widthMax — 最大宽度 (number)
_height — 高度 (number)
_heightMin — 最小高度 (number)
_heightMax — 最大高度 (number)
_aspectRatio — 宽高比 (text)
_position — 位置 (select)
_top — 顶部 (number)
_right — 右侧 (number)
_bottom — 底部 (number)
_left — 左侧 (number)
_zIndex — Z 索引 (number)
_order — 顺序 (number)
_display — 显示 (select)
_visibility — 可见性 (select)
_overflow — 溢出 (text)
_opacity — 不透明度 (number)
_cursor — 光标 (select)
_isolation — 隔离 (select)
_mixBlendMode — 混合模式 (select)
_pointerEvents — 指针事件 (text)
_perspective — 透视 (number)
_perspectiveOrigin — 透视原点 (text)
_gridItemJustifySelf — 自身水平对齐 (align-items)
_flexDirection — 方向 (direction)
_alignSelf — 自身对齐 (align-items)
_justifyContent — 主轴对齐 (justify-content)
_alignItems — 交叉轴对齐 (align-items)
_gap — 间距 (number)
_flexGrow — 放大比例 (number)
_flexShrink — 缩小比例 (number)
_flexBasis — 伸缩基准 (text)
_useMasonry — %s 布局 (checkbox)
_masonryColumn — 列数 (number)
_masonryGutter — 间距 (number)
_masonryHorizontalOrder — 水平顺序 (checkbox)
_masonryTransitionDuration — 过渡 (number)
_masonryTransitionMode — 显现动画 (select)
_typography — _typography (typography)
_background — _background (background)
_shapeDividers — 自定义形状 (repeater)
_gradient — _gradient (gradient)
_border — 边框 (border)
_boxShadow — 盒子阴影 (box-shadow)
_transform — 变换 (transform)
_transformOrigin — 变换原点 (text)
_motionElementParallax — 元素视差 (checkbox)
_motionElementParallaxSpeedX — 水平速度 (number)
_motionElementParallaxSpeedY — 垂直速度 (number)
_motionBackgroundParallax — 背景视差 (checkbox)
_motionBackgroundParallaxSpeed — 背景速度 (number)
_motionStartVisiblePercent — 视差起点 (number)
_cssCustom — 自定义 CSS (code)
_cssClasses — CSS 类 (text)
_cssId — CSS ID (text)
_cssFilters — CSS 滤镜 (filters)
_cssTransition — 过渡 (text)
_attributes — 姓名 (repeater)
_scrollSnapType — 类型 (select)
_scrollSnapAlign — 对齐 (select)
_scrollSnapStop — 停止 (select)

补充说明

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