轮播图展示/交互

组件 ID: swiper

这是一个标准的 SunForm 展示/交互组件，支持可视化配置与低代码生成。

JSON 配置示例

直接复制以下 JSON 到配置文件中即可使用。

{
  "type": "swiper",
  "props": {
    "list": [],
    "modelValue": 0,
    "image": "http://cdn.sunform.tech/swiper/swiper3.png",
    "width": "100%",
    "height": "350rpx",
    "duration": 5000,
    "circular": true,
    "vertical": false,
    "dotColor": "rgba(255,255,255,0.5)",
    "dotActiveColor": "rgba(255,255,255,1)",
    "showDot": true,
    "autoPlay": true,
    "containerStyle": "",
    "remark": "",
    "hide": false
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`modelValue`	number	0	暂无描述
`list`	object	[	暂无描述
`image`	string	http://cdn.sunform.tech/swiper/swiper1.png	暂无描述
`image`	string	http://cdn.sunform.tech/swiper/swiper3.png	暂无描述
`width`	string	100%	宽度
`height`	string	350rpx	高度
`duration`	number	5000	暂无描述
`circular`	boolean	true	暂无描述
`vertical`	boolean	false	暂无描述
`dotColor`	string	rgba(255,255,255,0.5)	颜色值
`dotActiveColor`	string	rgba(255,255,255,1)	颜色值
`showDot`	boolean	true	暂无描述
`autoPlay`	boolean	true	暂无描述
`containerStyle`	string	-	暂无描述
`remark`	string	-	组件备注/说明
`hide`	boolean	false	是否隐藏该组件
`style`	object	{}	自定义内联样式 CSS
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onChange`	any	null	事件回调
`onClick`	any	null	点击组件触发的事件

轮播图 展示/交互

JSON 配置示例

属性配置 (Props)

轮播图展示/交互