1. 轮播图 - carousel
图片按次序轮流播放的一种组件。
(1) 轮播项
① 图片标题:对图片的描述信息,图说。
② 图片地址:图片的上传地址。
③ 链接:点击图片进行跳转的链接。
链接类型:应用内部页面链接或者外部链接。
选择页面:应用内部页面。
链接地址:外部链接的地址。
新开页面:是否在新的tab打开链接页面。
如果使用变量替代,按照轮播项的如下数据格式定义:
[
{
"src": "https://img.alicdn.com/tfs/TB1AIPRLpXXXXcvXFXXXXXXXXXX-686-429.jpg",
"title": "Image Title",
// 点击图片跳转的链接,该字段为可选字段
"link": {
// 可以是 url | page
"type": "url",
// 如果 type 是 url 为 URL 地址,否则为对应跳转页面的 ID
"href": "http://www.baidu.com",
// 可以是 _self | _blank
"target": "_blank"
}
},
{
"src": "https://img.alicdn.com/tfs/TB1Il6KLpXXXXaXaXXXXXXXXXXX-280-180.jpg",
"title": "Image Title",
"link": {
"type": "url",
"href": "http://www.baidu.com",
"target": "_blank"
}
}
]
(2) 轮播风格
① 默认:图片下面含有黑色透明背景的图片文字说明。
② 无图片说明:去掉图片文字说明后的图片轮播展示。
(3) 轮播速度(ms)
图片切换的间隔时间,每隔多少ms进行一次图片切换。单位是ms(毫秒),其中1000ms(毫秒) = 1s(秒)
(4) 延时加载
图片是否进行懒加载。
(5) 自动播放
是否自动进行图片轮播。
是:页面加载后,自动播放。
否:页面加载后,手动点击图片两边左右按钮进行“上一张”和“下一张”图片的切换。
2. 富文本 - richText
一种高级文本组件,可对文本样式进行独立设置。
(1) 内容
设置高级文本内容,可编辑样式。
(2) 折叠高度
当组件的内容的高度超过设置的折叠高度后,超出的部分将被折叠起来,点击按钮可以展开折叠内容。目前仅在移动端生效。
3. HTML - html
在页面中插入HTML文本的组件。
(1) 内容
编辑插入html文本。
注意事项:
在内容当中,可以含有