{
//组件列表数组
"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": "自定义页面"
}
}
组件json数据格式说明
最新推荐文章于 2023-05-29 15:36:12 发布