图文展示

2022-02-22 09:47 更新

一种高级文本组件,可对文本样式进行独立设置

1. 适用场景

比如商品展示、报销、企业文化等场景,可使用该组件

2. 基础功能

2.1 设置文本内容

点击设置高级内容,会进入到富文本编辑器,可以自定义文案、样式、上传图片等等

设置文本内容

2.2 Mobile 端设置

2.2.1 设置左右间距的大小

  • 无间距

  • 16px

2.2.2 页面折叠的相关设置

  • 是否折叠: 当配置最大高度时是否可折叠收起
  • 折叠高度: 超过高度, 可支持折叠
  • 初始折叠: 初始化(打开页面)是否折叠

示例:参考上图中的设置,手机端点击页面进去就是折叠收起的,可以点击下拉按钮展开完整页面

效果如图:

2.3 样式设置

可以对整个页面进行页面展示设置,比如边距等

设置样式

注意:图文展示比较特殊,因为里面是富文本,建议更多的文字相关的样式,都在富文本编辑器里编辑,样式设计器里的样式设置的部分属性,优先级不及富文本编辑器里的样式配置(如文字大小、颜色等等)

参考: 样式介绍


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号