1. 轮播图 - carousel

图片按次序轮流播放的一种组件。

(1) 轮播项

① 图片标题:对图片的描述信息,图说。
② 图片地址:图片的上传地址。
③ 链接:点击图片进行跳转的链接。
链接类型:应用内部页面链接或者外部链接。
选择页面:应用内部页面。
链接地址:外部链接的地址。
新开页面:是否在新的tab打开链接页面。

如果使用变量替代,按照轮播项的如下数据格式定义:

  1. [
  2. {
  3. "src": "https://img.alicdn.com/tfs/TB1AIPRLpXXXXcvXFXXXXXXXXXX-686-429.jpg",
  4. "title": "Image Title",
  5. // 点击图片跳转的链接,该字段为可选字段
  6. "link": {
  7. // 可以是 url | page
  8. "type": "url",
  9. // 如果 type url URL 地址,否则为对应跳转页面的 ID
  10. "href": "http://www.baidu.com",
  11. // 可以是 _self | _blank
  12. "target": "_blank"
  13. }
  14. },
  15. {
  16. "src": "https://img.alicdn.com/tfs/TB1Il6KLpXXXXaXaXXXXXXXXXXX-280-180.jpg",
  17. "title": "Image Title",
  18. "link": {
  19. "type": "url",
  20. "href": "http://www.baidu.com",
  21. "target": "_blank"
  22. }
  23. }
  24. ]

(2) 轮播风格

① 默认:图片下面含有黑色透明背景的图片文字说明。
② 无图片说明:去掉图片文字说明后的图片轮播展示。

(3) 轮播速度(ms)

图片切换的间隔时间,每隔多少ms进行一次图片切换。单位是ms(毫秒),其中1000ms(毫秒) = 1s(秒)

(4) 延时加载

图片是否进行懒加载。

(5) 自动播放

是否自动进行图片轮播。
:页面加载后,自动播放。
:页面加载后,手动点击图片两边左右按钮进行“上一张”和“下一张”图片的切换。

2. 富文本 - richText

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

(1) 内容

设置高级文本内容,可编辑样式。

(2) 折叠高度

当组件的内容的高度超过设置的折叠高度后,超出的部分将被折叠起来,点击按钮可以展开折叠内容。目前仅在移动端生效。

3. HTML - html

在页面中插入HTML文本的组件。

(1) 内容

编辑插入html文本。

注意事项:
在内容当中,可以含有