组件json数据格式说明

{
	//组件列表数组
	"plugins": [
		[{
			"tag": "cube",//组件tag名称,魔方组件是cube,间隙组件是space
			//组件样式
			"style": {
				"wrapmargin": 0,//左右两侧边距
				"margin": 0,//内部图片间的边距
				"bgColor": "#fff"//背景色
			},
			//组件配置
			"config": {
				"type": "diy",//使用diy布局模式
				"row": 4,//栅格系统——纵向栅格数量,即有多少行。
				"col": 4,//栅格系统——横向栅格数量,即有多少列。
				"height": 0//组件整体高度
			},
			//组件值
			"value": {
				//内容区块列表
				"list": [{
					"link": "",//链接内容,详情见app内广告组件跳转逻辑,通用的(参数名可能不同)。
					"linkType": "",//链接类型,详情见app内广告组件跳转逻辑,通用的(参数名可能不同)。
					"tooltip": "",//图片提示,类似alt属性
					"x": 0,//左上角顶点的横轴坐标
					"y": 0,//左上角顶点的纵轴坐标
					"x1": 2,//右下角顶点的横轴坐标
					"y1": 4,//右下角顶点的纵轴坐标
					"IDX": 0,//内部序号,组件内唯一。
					//图片资源路径,不是全路径需要自行拼接,参见app其他地方用到的素材资源。
					"bgimg": "image/66_2004370714754890601.jpg"
				}, {
					"link": "",
					"linkType": "",
					"tooltip": "",
					"x": 2,
					"y": 0,
					"x1": 4,
					"y1": 4,
					"IDX": 1,
					"bgimg": "image/222_614382080075564998.jpg"
				}]
			},
			"tagName": "cube1623048797766"//组件全局唯一名称,格式为组件tag名称加创建时间戳(微秒)
		}, {
			"tag": "cube",
			"style": {
				"wrapmargin": 0,
				"margin": 0,
				"bgColor": "#fff"
			},
			"config": {
				"type": "diy",
				"row": 4,
				"col": 4,
				"height": 0
			},
			"value": {
				"list": [{
					"link": "",
					"linkType": "",
					"tooltip": "",
					"x": 0,
					"y": 0,
					"x1": 4,
					"y1": 2,
					"IDX": 0,
					"bgimg": "image/商品图1_6720089813744906358.jpg"
				}, {
					"link": "",
					"linkType": "",
					"tooltip": "",
					"x": 0,
					"y": 2,
					"x1": 4,
					"y1": 4,
					"IDX": 1,
					"bgimg": "image/66_2004370714754890601.jpg"
				}]
			},
			"tagName": "cube1623048798810"
		}, {
			"tag": "cube",
			"style": {
				"wrapmargin": 0,
				"margin": 0,
				"bgColor": "#fff"
			},
			"config": {
				"type": "diy",
				"row": 4,
				"col": 4,
				"height": 666
			},
			"value": {
				"list": [{
					"link": "",
					"linkType": "",
					"tooltip": "",
					"x": 0,
					"y": 0,
					"x1": 4,
					"y1": 3,
					"IDX": 0,
					"bgimg": "image/55_6262554712551669573.jpg"
				}, {
					"link": "",
					"linkType": "",
					"tooltip": "",
					"x": 0,
					"y": 3,
					"x1": 4,
					"y1": 4,
					"IDX": 1,
					"bgimg": "image/66_2004370714754890601.jpg"
				}]
			},
			"tagName": "cube1623052190329"
		}]
	],
	//页面整体配置,预留信息,暂时不用
	"system": {
		"bgcolor": null,
		"title": "自定义页面"
	}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值