yicangzongtai_app_240321/template/SlyImg/component.json

{
	"name": "图片组件",
	"icon": "el-icon-picture-outline",
	"fields": {
		"dataVal": {
			"label": "图片组件",
			"type": "array",
			"child": {
				"dataSource": {
					"label": "数据源",
					"type": "select",
					"valType": "Number",
					"value": 0,
					"data": [{
							"label": "自定义",
							"value": 0
						},
						{
							"label": "选择",
							"value": 1
						},
						{
							"label": "接口获取",
							"value": 2
						}
					]
				},
				"dataList": {
					"label": "图片",
					"type": "upload",
					"value": "http://songhe-cdn.oss-cn-shenzhen.aliyuncs.com/songhe/20231030/cfdca276e835409292246f29d6732956.jpeg"
				}
			}
		},
		"attrs": {
			"label": "轮播设置",
			"type": "object",
			"child": {
				"width": {
					"label": "图片宽度",
					"type": "number",
					"valType": "Number",
					"value": 100,
					"min": 1,
					"max": 100
				},
				"height": {
					"label": "图片高度",
					"type": "number",
					"valType": "Number",
					"value": 300,
					"min": 1,
					"max": 1000
				},
				"border-radius": {
					"label": "圆角值",
					"hint": "图片形状为圆形时无效",
					"type": "number",
					"valType": "Number",
					"value": 0,
					"max": 1000
				},
				"shape": {
					"label": "图片形状",
					"type": "select",
					"valType": "String",
					"value": "square",
					"data": [{
							"label": "圆形",
							"value": "circle"
						},
						{
							"label": "方形",
							"value": "square"
						}
					]
				},
				"mode": {
					"label": "裁剪模式",
					"hint": "图片的裁剪模式",
					"type": "select",
					"valType": "String",
					"value": "aspectFill",
					"data": [{
							"label": "不保持纵横比缩放图片",
							"value": "scaleToFill"
						},
						{
							"label": "保持纵横比缩放图片，使图片的长边能完全显示出来",
							"value": "aspectFit"
						},
						{
							"label": "保持纵横比缩放图片，只保证图片的短边能完全显示出来",
							"value": "aspectFill"
						},
						{
							"label": "宽度不变，高度自动变化",
							"value": "widthFix"
						},
						{
							"label": "高度不变，宽度自动变化",
							"value": "heightFix"
						}
					]
				}
			}
		},
		"styles": {
			"label": "轮播样式",
			"type": "object",
			"child": {
				"paddingTop": {
					"label": "上边距",
					"type": "number",
					"value": 0
				},
				"paddingRight": {
					"label": "右边距",
					"type": "number",
					"value": 0
				},
				"paddingBottom": {
					"label": "下边距",
					"type": "number",
					"value": 0
				},
				"paddingLeft": {
					"label": "左边距",
					"type": "number",
					"value": 0
				},
				"backgroundColor": {
					"label": "背景色",
					"type": "color",
					"value": "#ffffff"
				}

			}
		}
	}
}