详解QQDIY名片json代码

显示全部楼层 · 2020-3-27 00:03:04

先看一下JSON{:842:}

接下来分析JSON{:809:}

主要是设置名片背景图
第七行："content": "https://res.abeim.cn/qq"这里的链接是图片直链
为名片背景主图
这是主要看ID,id为1001控制的是点赞按钮
- 18行："lpd":2000,点赞按钮的宽度,全屏点赞推荐2000
- 19行："bg":"",点赞按钮的背景图,这里留空就是透明
- 21行："x":"0w",点赞按钮横坐标,全屏点赞推荐0
- 22行："y":"600w",点赞按钮纵坐标,全屏点赞推荐600
- 23行："height": "23400w",点赞按钮的高度,全屏点赞推荐23400
这里主要是字体颜色和我的空间四个字前面的图标
- 字体颜色,颜色代码请前往网站查看,点击直达
  32行："c":"#FFCC00",
  36行："line": "#FFCC00",
  两处都要修改才会生效
- 34行："t_bg": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
  我的空间四个字前面的小图标,我这里没有设置,所以没有显示图标
这里主要是资料卡的小图标
- 39行："qq": "https://img.abeim.cn/imgs/2020/03/ca8a2fc7db500762.jpg",QQ号前面的小图标
- 40行："p":"https://img.abeim.cn/imgs/2020/03/1cf8106d1add56e5.png",性别前面的小图标
- 42行："sign":"https://img.abeim.cn/imgs/2020/03/00f71c092706ad4d.png",个性签名前面的小图标
- 43行："metal": "https://img.abeim.cn/imgs/2020/03/2f81eaaf1173212d.jpg",业务前面的小图标
- 44行："lv": "https://img.abeim.cn/imgs/2020/03/d0f9d52dc58aa50e.jpg",等级前面的小图标
如果不想让别人看自己的资料就把图中39行到45行全删掉
底部空间图片背景

52行："ph": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
空间图片背景图，也就是这里的

这里需要注意的是：修改前看一下type的值，是qz才是空间背景图，反之不是
另外这里的背景图不包括上图中左上角发表新鲜事,发表新鲜事背景的代码在下面
资料卡背景和发表新鲜事背景
- 56行："sbg":"https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",资料卡背景
  
  图床失效,所以没有背景
- 57行："cbg":"https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",发表新鲜事按钮背景
  
  图床失效,所以没有背景

以前就是json的详细解释，关于json中其他没有提到的表示我暂时也不知道有啥用
另外这个json是单图背景，如果你是用zip包的话请替换图中第五行到第七行的内容为

"loop": "1",
"type": "lottie_view",
"content": "zip包的直链"

复制代码

附上本次教程的json

{
"renderInfo": {
"bg": [
{
"type": "image_view",
"scale_type": "center_crop",
"content": "https://res.abeim.cn/qq/"
}
],
"v": 6951476,
"header": {
"width": "fill",
"type": "layout",
"height": "fill",
"order": 0,
"child": [
{
"lpd": 2000,
"bg": "",
"rpd": 20,
"x": "0w",
"y": "600h",
"style": 1,
"id": "1001",
"type": "pf_like",
"height": "23400w"
}
]
},
"body": {
"arr": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
"c": "#FFCC00",
"f": "",
"t_bg": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
"cpd": 8,
"line": "#FFCC00",
"module": [
{
"qq": "https://img.abeim.cn/imgs/2020/03/ca8a2fc7db500762.jpg",
"p": "https://img.abeim.cn/imgs/2020/03/1cf8106d1add56e5.png",
"arr": "https://img.abeim.cn/imgs/2020/03/372c2cd68c677455.gif",
"sign": "https://img.abeim.cn/imgs/2020/03/00f71c092706ad4d.png",
"metal": "https://img.abeim.cn/imgs/2020/03/2f81eaaf1173212d.jpg",
"lv": "https://img.abeim.cn/imgs/2020/03/d0f9d52dc58aa50e.jpg",
"type": "info"
},
{
"ph": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
"type": "state"
},
{
"ph": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
"type": "qz"
}
],
"sbg": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
"cbg": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
"id": 22,
"ts": 1
}
},
"styleId": 22,
"cardId": 3547,
"callback": "__MQQ_CALLBACK_AUTO_7",
"bgId": 2000
}

复制代码

明天更新如何做到不同的好友点进名片看到不同的背景+文字{:787:}
本文原创，搬砖请注明出处{:797:}

2020-12-6 15:10:15

是递四方速递发顺丰

[QQ技术] 详解QQDIY名片json代码

相关帖子