123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141 |
- {
- "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"
- }
- }
- }
- }
- }
|