选择展示清单是趣味性很强的提高用户参与感的组件,内容创建者在编辑器内添加选择清单、展示清单,添加好对应选择项和展示项信息后;用户可以在C端选择选择清单内的选择项,对应展示项实时展示在展示清单内,还可结合生成海报进行分享,实现愿望清单等个性化活动。



1.添加选择展示清单

1.1 添加选择清单组件

编辑器左侧导航点击组件-选择展示清单打开清单选择面板,点击选择清单(点击选择)/选择清单(切换选择)添加对应选择清单组件至画布区并新增/关联选择展示清单

1.2 添加展示清单组件

添加选择清单组件后,编辑器左侧导航点击组件-选择展示清单打开清单选择面板,点击展示清单添加对应展示清单组件至画布区并关联选择展示清单

2.设置选择展示清单

选择清单(点击选择)和选择清单(切换选择)关联的选择展示清单可设置项不同;切换选择的选择展示清单仅支持进行单项切换选择;点击选择的选择展示清单支持限制选择数量,支持进行单选或多选

2.1 点击选择选择展示清单设置

新建选择展示清单后默认打开选择展示清单设置面板

(1)选择展示项管理

①添加选择展示项

点击【添加选择展示项】按钮添加一个选择展示项

②编辑选择展示项

支持输入选择项文案、展示项文案,添加未选中、选中选择项图片和展示项图片

③删除选择展示项

点击选择展示项右侧【删除】按钮删除选择展示项

④添加选择项至选择清单中

点击选择项前方多选按钮选中选择项,点击【添加至】按钮打开下拉选择框,支持添加选择项至被选择的关联在当前选择展示清单下的选择清单中,添加成功后在画布区可进行查看

⑤将选择项从选择清单中移除

点击选择展示项下方【从选择清单移除】按钮将选择项从添加的选择清单中移除

(2)限制选择项数量及选择完成事件触发事件设置

支持限制用户必须选择的选择项数量,默认不限制,限制选择项数量后支持设置用户选择完成时(已选择数量达到限制选择数量时)的触发事件

(3)选择项展示形式设置

支持设置当前选择展示清单下关联的所有选择清单内选择项展示形式:文本+图片、文本、图片

(4)选择展示清单管理

可在此处管理此选择展示清单组件的选择清单和展示清单,点击编辑按钮打开对应选择/展示清单编辑面板 

①打开设置选择清单/展示清单设置面板

点击选择清单/展示清单右侧【编辑】按钮打开对应选择/展示清单设置面板

②删除选择清单/展示清单组件

点击选择清单/展示清单右侧【删除】按钮删除对应选择/展示清单组件

③新增选择清单

点击【+新增选择清单】按钮打开作品页选择浮窗,支持多选添加选择清单组件的作品页,点击【确定】添加选择清单组件至对应作品页

④新增展示清单

点击【+新增展示清单】按钮打开作品/生成的海报页选择浮窗,支持多选添加选择清单组件的作品页/生成的海报页,点击【确定】添加选择清单组件至对应作品页/生成的海报页

2.2 切换选择选择展示清单设置

新建选择展示清单后默认打开选择展示清单设置面板

(1)选择展示项管理

①添加选择展示项


点击【添加选择展示项】按钮添加一个选择展示项,添加的选择项会自动添加至切换选择选择清单

②编辑选择展示项


支持输入选择项文案、展示项文案,添加选择项图片和展示项图片

③删除选择展示项

点击选择展示项右侧【删除】按钮删除选择展示项

(2)选择项展示形式设置

支持设置当前选择展示清单下关联的选择清单内选择项展示形式:文本+图片、文本、图片

(3)选择展示清单管理

可在此处管理此选择展示清单组件的选择清单和展示清单,点击编辑按钮打开对应选择/展示清单编辑面板 

①打开设置选择清单/展示清单设置面板

点击选择清单/展示清单右侧【编辑】按钮打开对应选择/展示清单设置面板

②删除选择清单/展示清单组件

点击选择清单/展示清单右侧【删除】按钮删除对应选择/展示清单组件

③新增展示清单

点击【+新增展示清单】按钮打开作品/生成的海报页选择浮窗,支持多选添加选择清单组件的作品页/生成的海报页,点击【确定】添加选择清单组件至对应作品页/生成的海报页

3.设置选择清单组件

3.1 选择清单(点击选择)组件设置

画布区/图层面板点击选择清单或在选择展示清单设置面板点击选择清单编辑按钮打开选择清单组件设置面板

(1)选择展示项管理

①编辑选择展示项

支持输入选择项文案、展示项文案,添加未选中、选中选择项图片和展示项图片

②添加选择项至此选择清单中

单个添加:点击选择展示项下方【添加至此清单】按钮添加选择项至当前选择清单中,在画布区可进行查看

多个添加:点击选择项前方多选按钮选中选择项,点击右上角【添加至此清单】按钮添加选中选择项至当前选择清单中,在画布区可进行查看

(2)选择项布局设置

支持设置选择项展示的布局,支持以纵向一列或者折现两列的布局进行展示

(3)选择项大小设置

支持设置选择项展示的大小

(4)选择项间距设置

选择项布局为纵向一列时,支持设置选择项上下间距(-200~200px)

选择项布局为折线两列时,支持设置选择项上下和左右间距(-200~200px)

(5)背景样式设置


支持设置选择清单的背景,添加背景颜色,叠加图片或叠加纹理

(6)高级样式设置

支持设置选择清单边框颜色、边框类型、边框宽度、边框圆角、透明度、旋转、大小、位置

(7)应用到所有选择清单

支持将选择项布局、选择项大小、选择项间距、背景样式设置、高级样式应用当前选择展示清单关联的所有选择清单上

3.1 选择清单(切换选择)组件设置

画布区/图层面板点击选择清单或在选择展示清单设置面板点击选择清单编辑按钮打开选择清单组件设置面板

(1)编辑选择展示项

支持输入选择项文案、展示项文案,添加未选中、选中选择项图片和展示项图片

(2)选择项大小设置

支持设置选择项展示的大小

(3)背景样式设置


支持设置选择清单的背景,添加背景颜色,叠加图片或叠加纹理

(4)高级样式设置

支持设置选择清单边框颜色、边框类型、边框宽度、边框圆角、透明度、旋转、大小、位置

3.3 选择清单内元素编辑

画布区/图层面板选中选择清单内元素-文本、图片,可对元素进行设置

4.设置展示清单组件

4.1 作品页展示清单设置

画布区/图层面板点击展示清单或在选择展示清单设置面板点击展示清单编辑按钮打开展示清单组件设置面板

(1)展示形式设置

支持设置当前展示清单内展示项展示形式:文本+图片、文本、图片

(2)展示项滑动方向

当对应选择清单为点击选择且限制选择数量>3或不限制时,支持设置展示项滑动方向为向上滑动或向左滑动

(3)展示项布局设置

当对应选择清单为点击选择且限制选择数量>3或不限制时,支持设置展示项展示的布局,默认支持以一行三个或者一行四个的布局进行展示

(4)展示项大小设置

支持设置展示项展示的大小

(5)展示项间距设置

当对应选择清单为点击选择且限制选择数量>1或不限制时,支持设置展示项间距

展示项滑动方向为向上滑动时,支持设置展示项上下和左右间距(0~200px)

展示项滑动方向为向左滑动时,支持设置展示项左右间距(0~200px)

(5)背景样式设置


支持设置选择清单的背景,添加背景颜色,叠加图片或叠加纹理

(6)高级样式设置

支持设置选择清单边框颜色、边框类型、边框宽度、边框圆角、透明度、旋转、大小、位置

4.2 生成的海报页展示清单设置

画布区/图层面板点击展示清单或在选择展示清单设置面板点击展示清单编辑按钮打开展示清单组件设置面板

(1)展示形式设置

支持设置当前展示清单内展示项展示形式:文本+图片、文本、图片

(2)展示项布局设置

当对应选择清单为点击选择且不限制选择数量时,支持设置展示项展示的布局,默认支持以一行三个或者一行四个的布局进行展示

  • 海报页默认平铺展示所有展示项,当不限制选择数量用户选择选项过多时,展示项平铺超过海报页高度时,海报高度自动增大至展示全部展示项

(3)展示项大小设置

支持设置展示项展示的大小

(5)展示项间距设置

当对应选择清单为点击选择且限制选择数量>1或不限制时,支持设置展示项间距

1<限制选择数量<4时,支持设置展示项左右间距(0~200px)

限制选择数量>3或不限制时,支持设置展示项上下、左右间距(0~200px)


(5)背景样式设置


支持设置选择清单的背景,添加背景颜色,叠加图片或叠加纹理

(6)高级样式设置

支持设置选择清单边框颜色、边框类型(无、实线)、边框宽度、边框圆角、透明度、旋转、大小、位置

5.已选选择项数量展示

文本支持插入已选选择项数量,展示c端用户已经选择选项的数值


  • 无标签