mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-10 22:48:34 +08:00
91 lines
2.5 KiB
JavaScript
91 lines
2.5 KiB
JavaScript
export default {
|
|
type: "page",
|
|
title: "轮播图",
|
|
data: {
|
|
carousel0: [
|
|
"https://hiphotos.baidu.com/fex/%70%69%63/item/bd3eb13533fa828b13b24500f31f4134960a5a44.jpg",
|
|
"https://internal-amis-res.cdn.bcebos.com/images/2019-12/1577157239810/da6376bf988c.png",
|
|
"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
|
],
|
|
carousel1: [
|
|
{
|
|
html:
|
|
'<div style="width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;">carousel data in form</div>'
|
|
},
|
|
{
|
|
image:
|
|
"https://hiphotos.baidu.com/fex/%70%69%63/item/bd3eb13533fa828b13b24500f31f4134960a5a44.jpg"
|
|
},
|
|
{
|
|
image:
|
|
"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
|
}
|
|
]
|
|
},
|
|
body: [
|
|
{
|
|
type: "grid",
|
|
columns: [
|
|
{
|
|
type: "panel",
|
|
title: "直接页面配置",
|
|
body: {
|
|
type: "carousel",
|
|
controlsTheme: "light",
|
|
height: "300",
|
|
options: [
|
|
{
|
|
image:
|
|
"https://internal-amis-res.cdn.bcebos.com/images/2019-12/1577157239810/da6376bf988c.png"
|
|
},
|
|
{
|
|
html:
|
|
'<div style="width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;">carousel data</div>'
|
|
},
|
|
{
|
|
image:
|
|
"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
type: "panel",
|
|
title: "使用itemSchema配置",
|
|
body: {
|
|
type: "carousel",
|
|
name: "carousel0",
|
|
controlsTheme: "dark",
|
|
height: "300",
|
|
itemSchema: {
|
|
type: "tpl",
|
|
tpl:
|
|
'<div style="height: 100%; background-image: url(<%=data.item%>); background-position: center center; background-size: cover;"></div>'
|
|
}
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
type: "grid",
|
|
columns: [
|
|
{
|
|
type: "form",
|
|
title: "表单内展示",
|
|
sm: 6,
|
|
controls: [
|
|
{
|
|
type: "carousel",
|
|
controlsTheme: "dark",
|
|
name: "carousel1",
|
|
label: "carousel",
|
|
animation: "slide",
|
|
height: "300"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
};
|