问答组件
使用场景
问答组件主要适用于提供方对于某些信息或文案需要做解释时,以一种自问自答的方式让人能够直接了解该信息或文案所要表达的信息。
组件视图


1、从组件树中找到【问答组件】,按住鼠标拖入到画布,即向页面中添加了一个 问答组件。
2、通过右侧属性面板进行相关配置,完成页面所需效果。
配置说明
1、内容
属性名 | 属性说明 | 备注 |
---|---|---|
标题 | 问答页标题 | |
标题描述 | 问答页标题描述 | |
问答总数 | 调整问答数量 | |
容器背景 | 容器外层背景颜色 |
2、展示
属性名 | 属性说明 | 备注 |
---|---|---|
布局方式 | 问答布局方式,支持 卡片/列表 两种,默认为卡片 | 卡片与列表都为纵向排列 |
卡片背景 | 问答卡片背景颜色 | 仅布局方式为卡片方可配置 |
边框宽度 | 问答卡片边框宽度,默认为 1,数值范围 0-4 | 仅布局方式为卡片方可配置 |
圆角半径 | 问答卡片边框圆角半径,默认为 8,数值范围 0-8 | 仅布局方式为卡片方可配置 |
线条样式 | 问答卡片线条样式,支持 虚线/实线 两种,默认虚线 | 仅布局方式为卡片方可配置 |
是否折叠 | 回答的内容是否可折叠 | |
展示Q & A | 问答组件文案前边是否展示‘Q’,‘A’ | |
一行展示的问题数 | 最多展示两个 | 仅对PC 端有效 |
3、位置
属性名 | 属性说明 | 备注 |
---|---|---|
标题和描述位置 | 问答标题和描述位置对齐方式,提供 靠左/居中 两种 |
4、子组件配置
属性名 | 属性说明 | 备注 |
---|---|---|
问题 | 可输入问题文案 | |
答案 | 可输入答案文本,设置样式,支持图片和视频的上传,最多上传三个 |
注意事项
1、问答子组件的数量是可以通过操作相应按钮来实现增删的,如下图,选中问答子组件后,其右上角会出现两个 icon,点击左侧即为新增,点击右侧即为删除。(删除的方式还可以通过属性配置栏右下角进行删除)
2、注意: 不建议删除最后一个问答子组件。原因在于删除最后一个问答子组件后,此问答组件不能够再新增问答子组件了,建议你删除该问答组件,再从左侧拖入一个问答组件进行重新配置。