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"
}
]
}
]
}