图文组件
使用场景
图文组件是一种常用的 UI 组件，可以用于展示图片和文本信息。以下是一些常见的图文组件使用场景：
- 1、商品展示：图文组件可以用于商品展示中，用于展示商品的图片和描述信息。
- 2、新闻报道：图文组件可以用于新闻报道中，用于展示新闻的图片和标题信息。
- 3、广告推广：图文组件可以用于广告推广中，用于展示广告的图片和文字信息。
- 4、用户界面：图文组件可以用于用户界面中，用于展示各种操作或状态的图片和文字信息。
总之，图文组件在各种项目中都有着广泛的应用，可以用于展示图片和文本信息，提高用户体验和交互性。
组件视图
组件使用
从组件树中找到【图文组件】，按住鼠标拖入到画布，即向页面中添加了一个 图文组件。
配置说明
当选中图文组件后，可以对其做细化配置：
内容
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 图文配置 | 拖拽或上传需要展示的图片或视频，也可打开素材中心选择图片或组件，每个图片可跟随配置对应的标题和描述，可以添加链接 | 最多选择 5 个，上传图片和视频大于 1 个的时候，图片和对应的文本会以轮播的形式展示 |
| 图文标题样式/图文描述样式 | 可设置图文对应的标题和描述的样式（字体，字号，颜色，粗细，下划线等） | |
| 图片倒角 | 圆角和直角 | |
| 标题 | 自定义标题 | |
| 标题样式 | 配置标题是加粗还是普通 | |
| 描述 | 自定义描述 | |
| 是否显示按钮 | 默认显示 | |
| 按钮文本 | 默认展示‘Learn More’ | |
| 按钮颜色 | 可设置按钮字体和边框颜色 | |
| 链接 | 配置按钮链接 | |
| 图片填充方式 | 图片展示的方式，有填充和自适应两个选项 | |
| 图文背景颜色 | 图文组件背景颜色设置 | |
| 标题字色 | 标题字体颜色 | |
| 描述字色 | 描述字体颜色 |
布局
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 布局（网页端） | 可设置图文左右位置 | 有‘图右文左’，‘图左文右’ 两个选项 |
| 布局（移动端） | 可设置文字对齐方式 | 有‘文字居左’，‘文字居中’，‘文字居右’ 三个选项 |