Section

多场景引导

1 个模板实例,3 个 section 配置,1 类 block。

真实模板变体

Schema

{
  "name": "多场景引导",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "标题",
      "default": "场景展示"
    },
    {
      "type": "checkbox",
      "id": "autoplay",
      "label": "自动轮播",
      "default": false
    },
    {
      "type": "range",
      "id": "speed",
      "min": 2,
      "max": 10,
      "step": 1,
      "unit": "s",
      "label": "轮播秒数",
      "default": 5
    }
  ],
  "blocks": [
    {
      "type": "slide",
      "name": "轮播图片",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "PC端图片"
        },
        {
          "type": "image_picker",
          "id": "image_mobile",
          "label": "移动端图片"
        },
        {
          "type": "image_picker",
          "id": "thumb_image",
          "label": "缩略图"
        },
        {
          "type": "text",
          "id": "heading",
          "label": "主标题",
          "default": "场景标题"
        },
        {
          "type": "text",
          "id": "sub_heading",
          "label": "副标题",
          "default": "场景描述"
        },
        {
          "type": "text",
          "id": "btn_text",
          "label": "Button Text",
          "default": "Learn More"
        },
        {
          "type": "url",
          "id": "btn_link",
          "label": "Button Link"
        },
        {
          "type": "color",
          "id": "text_color",
          "label": "字体颜色",
          "default": "#000000"
        },
        {
          "type": "color",
          "id": "button_bg_color",
          "label": "Button Bg Color",
          "default": "#000000"
        },
        {
          "type": "color",
          "id": "button_color",
          "label": "Button Color",
          "default": "#ffffff"
        },
        {
          "type": "color",
          "id": "button_bg_h",
          "label": "Button Bg Hover Color",
          "default": "#ffffff"
        },
        {
          "type": "color",
          "id": "button_color_h",
          "label": "Button Color Hover",
          "default": "#000000"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "多场景引导",
      "blocks": [
        {
          "type": "slide"
        }
      ]
    }
  ]
}