crowd-instructions
一个元素,该元素在工作人员单击链接或按钮时,在以下三个选项卡页上显示说明:Summary (摘要)、Detailed Instructions (详细说明) 和 Examples (示例)。
请参阅在 CodePen
以下是使用 <crowd-instructions>
元素的 Liquid 模板的示例。复制以下代码,并保存到具有 .html
扩展名的文件中。在任何浏览器中打开该文件,进行预览并与该模板进行交互。
属性
此元素支持以下属性。
link-text
要显示的用于打开说明的文本。默认值为 Click for instructions (单击以获取说明)。
link-type
一个字符串,它指定说明的触发器类型。可能的值为“link”(默认值)和“button”。
元素层次结构
此元素具有以下父元素和子元素。
-
父元素:crowd-form
-
子元素:无
区域
此元素支持以下区域。
detailed-instructions
提供任务特定说明的内容。此内容显示在“Detailed Instructions”(详细说明) 选项卡页面上。
negative-example
提供任务完成不足示例的内容。此内容显示在“Examples”(示例) 选项卡页面上。此元素内可能会提供多个示例。
positive-example
提供任务完成得当的示例的内容。此内容显示在“Examples”(示例) 选项卡页面上。
short-summary
对要完成的任务作总结的简短语句。此内容显示在“Summary”(摘要) 选项卡页面上。此元素内可能会提供多个示例。
另请参阅
有关更多信息,请参阅下列内容。