codecamp

图文展示

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

1. 适用场景

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

2. 基础功能

2.1 设置文本内容

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

设置文本内容

2.2 Mobile 端设置

2.2.1 设置左右间距的大小

  • 无间距

  • 16px

2.2.2 页面折叠的相关设置

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

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

效果如图:

2.3 样式设置

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

设置样式

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

参考: 样式介绍


子表单
部门
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

报表设置

大屏设置

自定义页面设置

付费功能

开发者功能(需有代码基础)

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }