选择展示清单是趣味性很强的提高用户参与感的组件,内容创建者在编辑器内添加选择清单、展示清单,添加好对应选择项和展示项信息后;用户可以在C端选择选择清单内的选择项,对应展示项实时展示在展示清单内,还可结合生成海报进行分享,实现愿望清单等个性化活动。
目录 |
---|
1.添加选择展示清单
1.1 添加选择清单组件
编辑器左侧导航点击组件-选择展示清单打开清单选择面板,点击选择清单(点击选择)/选择清单(切换选择)添加对应选择清单组件至画布区并新增/关联选择展示清单
...
点击【添加选择展示项】按钮添加一个选择展示项
②编辑选择展示项
支持输入选择项文案、展示项文案,添加未选中、选中选择项图片和展示项图片
...
支持限制用户必须选择的选择项数量,默认不限制,限制选择项数量后支持设置用户选择完成时(已选择数量达到限制选择数量时)的触发事件
(3)选择项展示形式设置
支持设置当前选择展示清单下关联的所有选择清单内选择项展示形式:文本+图片、文本、图片
...
点击【添加选择展示项】按钮添加一个选择展示项,添加的选择项会自动添加至切换选择选择清单
②编辑选择展示项
支持输入选择项文案、展示项文案,添加选择项图片和展示项图片
...
点击选择展示项右侧【删除】按钮删除选择展示项
(2)选择项展示形式设置
支持设置当前选择展示清单下关联的选择清单内选择项展示形式:文本+图片、文本、图片
...
画布区/图层面板选中选择清单内元素-文本、图片,可对元素进行设置
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端用户已经选择选项的数值