小部件的用户界面模式

本文档概述了您可以在自定义小部件模板中使用的不同模式设置。有关创建小部件模板的教程,请参见小部件教程

标签和部分

模式属性,设置被分组到选项卡部分

选项卡

选项卡是Page Builder模式结构的一部分。该模式需要使用单个根级别选项卡包含所有可见的部分。

请注意

分段呈现的顺序与在选项卡中列出的顺序相同。

选项卡模式的例子

“类型”“标签”“标签”“内容”“部分”...

部分

章节是一组相关的设置。每个部分都有一个用户可以折叠的标题。Section标签是可选的,但如果没有标签,则不能折叠。

设置呈现的顺序与它们在一个节中列出的顺序相同。

部分模式的例子

“类型”“标签”“标签”“内容”“部分”“标签”“文本”“设置”...

数组类型

数组允许在小部件内构建元素集合。数组元素位于模式的顶层。数组中的每个元素都可以包含一个完整的模式。

列表中的元素具有由数组模式定义的设置,您可以使用选项卡、部分和设置来构建这些设置。

阵列模式的例子

“类型”“数组”“标签”“旋转木马”“id”“幻灯片”“defaultCount”2“entryLabel”“幻灯片”“缩略图”“类型”“图像”“valueKey”“imageUrl.src”“模式”“类型”“标签”“标签”“内容”“部分”...“类型”“imageManager”“id”“imageUrl”“默认”" src "“https://example.com/example.png”“类型”“IMAGE_MANAGER”...

请注意

  • 列表中的每个元素都可以包含选项卡和部分。
  • defaultCount属性是默认情况下在列表中显示的元素数。
  • 使用缩略图属性显示存储在指定属性名称处的图像。
  • 使用entryLabel属性为列表中的每个元素设置名称。

隐藏设置

您可以使用隐藏设置来设置没有在Page Builder中绘制用户界面的控件。隐藏设置位于模式的顶层,因为它们没有被分组到任何其他选项卡或数组中。您可以在预览窗格中具有复杂交互的高级小部件(如内联编辑)中使用它们。

隐藏设置模式示例

“类型”“隐藏”“设置”“id”“标题”“默认”“样本标题文本”“id”“字幕”“默认”"描述文本在这里"

模式设置字段

下表包含模式设置之间的通用字段。

设置 描述
类型 要显示的设置组件的类型。您可以查看下面的元素列表,以发现哪些元素可用。
标签 用户友好消息,告知用户如何使用该设置。
id 变量名,设置值将在小部件模板中可用。
默认的 第一次呈现小部件时要使用的默认值。
typeMeta 根据所选设置类型需要的其他信息。
有条件的 可添加到每个设置的可选属性,以控制在页面生成器中编辑时是否应向用户显示该属性。这并不清除设置中的值,只是控制设置的显示。

有关可在自定义小部件模板中使用的不同模式设置示例,请参见小部件UI输入类型

资源

Baidu