{ "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json", "data": { "properties": { "images": { "type": "array", "items": { "type": "object", "title": "images", "default": { "image": "https://main.qcloudimg.com/raw/828ee6644f137d166b063ad7f5dda842.png", "title": "图片1", "height": "160px", "width": "100%", "tapMode": "tap", "fit": "cover" }, "properties": { "title": { "type": "string", "title": "标题", "default": "图片1", "x-index": 20 }, "image": { "type": "image", "x-rules": [ { "message": "请输入合法的图片地址", "pattern": "^(((https?)://)|/resources/)[^\\s]+$" } ], "title": "图片", "default": "https://main.qcloudimg.com/raw/828ee6644f137d166b063ad7f5dda842.png", "x-index": 30 }, "height": { "type": "string", "title": "图片高度", "default": "160px", "x-rules": [ { "message": "不允许设置百分比高度", "pattern": "^\\d+([^%]+?)?$" } ], "x-index": 40 }, "width": { "type": "string", "title": "图片宽度", "default": "100%", "x-index": 50 }, "fit": { "title": "布局模式", "type": "string", "default": "cover", "enum": [ { "value": "cover", "label": "铺满" }, { "value": "contain", "label": "适合" }, { "value": "fill", "label": "拉伸" } ], "x-index": 60 }, "tapMode": { "type": "string", "title": "点击时", "default": "tap", "x-index": 70, "enum": [ { "value": "tap", "label": "无行为", "icon": "weda-editor-icon-alert-close" }, { "value": "inside", "label": "打开页面", "icon": "weda-editor-icon-docs" }, { "value": "outer", "label": "外部链接", "icon": "weda-editor-icon-link", "tooltip": [ { "platform": ["ALL", "MP"], "text": "小程序平台不支持跳转外部链接" } ], "disabled": [ { "platform": ["MP"] } ] } ], "x-component": "icon-text-radio", "x-linkages": [ { "type": "value:visible", "target": "*(dataForm.insideUrl)", "condition": "{{$self.value=='inside'}}" }, { "type": "value:visible", "target": "*(dataForm.outerUrl)", "condition": "{{$self.value=='outer'}}" }, { "type": "value:visible", "target": "*(dataForm.widthParams)", "condition": "{{$self.value=='inside'}}" }, { "type": "value:visible", "target": "*(dataForm.newPage)", "condition": "{{$self.value=='outer'}}" } ] }, "insideUrl": { "type": "string", "x-component": "page-list", "default": "", "title": "跳转页面", "description": "通过下拉选择应用页面，可以实现内部页面跳转", "x-category": "基础属性", "x-index": 120, "x-component-props": { "hideAddPlatform": ["MP"], "addHidden": true }, "x-linkages": [ { "type": "value:state", "target": "*(dataForm.params)", "condition": "{{$self.value && $self.value.length>0}}", "state": { "pageId": "{{$self.value}}" } } ] }, "outerUrl": { "title": "URL", "default": "", "type": "string", "placeholder": "外部链接请以http://或https://开头", "description": "当前页面打开只支持https" }, "newPage": { "title": "打开新页面", "default": false, "type": "boolean" }, "widthParams": { "title": "携带参数", "default": false, "type": "boolean", "x-linkages": [ { "type": "value:visible", "target": "*(dataForm.params)", "condition": "{{$self.value==true}}" } ] }, "params": { "type": "array", "title": "参数", "pageId": "", "default": [], "x-component": "page-params" } } }, "title": "轮播图", "default": [ { "image": "https://main.qcloudimg.com/raw/828ee6644f137d166b063ad7f5dda842.png", "title": "图片1", "fit": "cover", "tapMode": "tap", "height": "160px", "width": "100%" }, { "image": "https://main.qcloudimg.com/raw/880b5277dc7d8f62fd6b5f964bee3af4.png", "title": "图片2", "fit": "cover", "tapMode": "tap", "height": "160px", "width": "100%" }, { "image": "https://main.qcloudimg.com/raw/af8d7dff73fea17aa099876bc3a811fa.png", "title": "图片3", "fit": "cover", "tapMode": "tap", "height": "160px", "width": "100%" } ], "x-index": 1, "x-component": "list" }, "interval": { "title": "自动切换时间间隔", "default": 5000, "type": "number", "x-index": 2, "x-category": "基础属性", "description": "配置轮播图滚动的时间间隔，时间单位为ms" }, "vertical": { "title": "纵向轮播", "default": false, "type": "boolean", "x-category": "基础属性", "x-index": 3, "description": "开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动" }, "autoplay": { "title": "自动切换", "default": true, "type": "boolean", "x-index": 4, "x-category": "基础属性", "description": "开启后，轮播图将会自动根据配置的时间间隔进行自动滚动，关闭后则轮播图仅支持通过点击锚点的方式进行切换" }, "indicatorActiveColor": { "title": "锚点激活色", "type": "string", "x-component": "color", "x-index": 5, "default": "rgba(0, 0, 0, 0.9)", "x-category": "高级属性", "description": "更改锚点选中时的颜色" }, "indicatorColor": { "title": "锚点颜色", "type": "string", "x-component": "color", "x-index": 6, "default": "rgba(200, 200, 200, 0.9)", "x-category": "高级属性", "description": "更改锚点普通状态下的颜色" }, "duration": { "title": "滑动动画时长", "default": 500, "type": "number", "x-index": 7, "x-category": "高级属性", "description": "更改轮播图切换时的滑动动画时长" }, "current": { "title": "当前所在滑块的 index", "default": 0, "type": "number", "x-index": 8, "x-category": "高级属性", "description": "更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推" }, "circular": { "title": "衔接滑动", "default": true, "x-index": 9, "type": "boolean", "x-category": "高级属性", "description": "更改轮播图切换时动画的滑动方式" }, "indicatorDots": { "title": "导航锚点", "default": true, "type": "boolean", "x-category": "高级属性", "x-index": 10, "description": "开启/关闭轮播图锚点" } } }, "events": [ { "name": "change", "title": "切换" } ], "meta": { "title": "轮播图", "description": "用于快速在页面搭建轮播图展示效果，并支持轮播图的跳转、播放配置。", "category": "展示", "categoryOrder": 400, "componentOrder": 260, "icon": "../icons/Carousel.svg", "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Swiper" }, "mpOrigin": "swiper" }