json文案教学

先看一下json
接下来分析JSON
主要是设置名片背景图
第七行：“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

这里主要是字体颜色和我的空间四个字前面的图标

字体颜色,颜色代码请前往网站查看,https://jingyan.baidu.com/article/425e69e69690f0be15fc168a.html

32行：“c”:"#FFCC00",https://jingyan.baidu.com/article/425e69e69690f0be15fc168a.html

36行：“line”: “#FFCC00”,

两处都要修改才会生效

34行：“t_bg”: “https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01”,

我的空间四个字前面的小图标,我这里没有设置,所以没有显示图标

这里主要是资料卡的小图标

QQ技术-详解QQDIY名片json代码(8)

39行：“qq”: “https://img.abeim.cn/imgs/2020/03/ca8a2fc7db500762.jpg”,QQ号前面的小图标

QQ技术-详解QQDIY名片json代码(9)

40行：“p”:“https://img.abeim.cn/imgs/2020/03/1cf8106d1add56e5.png”,性别前面的小图标

QQ技术-详解QQDIY名片json代码(10)

42行：“sign”:“https://img.abeim.cn/imgs/2020/03/00f71c092706ad4d.png”,个性签名前面的小图标

QQ技术-详解QQDIY名片json代码(11)

43行：“metal”: “https://img.abeim.cn/imgs/2020/03/2f81eaaf1173212d.jpg”,业务前面的小图标

QQ技术-详解QQDIY名片json代码(12)

44行：“lv”: “https://img.abeim.cn/imgs/2020/03/d0f9d52dc58aa50e.jpg”,等级前面的小图标

QQ技术-详解QQDIY名片json代码(13)

如果不想让别人看自己的资料就把图中39行到45行全删掉

底部空间图片背景

52行：“ph”: “https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01”,

空间图片背景图，也就是这里的

这里需要注意的是：修改前看一下type的值，是qz才是空间背景图，反之不是

另外这里的背景图不包括上图中左上角发表新鲜事,发表新鲜事背景的代码在下面

资料卡背景和发表新鲜事背景

QQ技术-详解QQDIY名片json代码(17)

56行：“sbg”:“https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01”,资料卡背景

QQ技术-详解QQDIY名片json代码(18)

图床失效,所以没有背景

57行：“cbg”:“https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01”,发表新鲜事按钮背景

QQ技术-详解QQDIY名片json代码(19)

图床失效,所以没有背景

以前就是json的详细解释，关于json中其他没有提到的表示我暂时也不知道有啥用

另外这个json是单图背景，如果你是用zip包的话请替换图中第五行到第七行的内容为

另外附上本次教程的json

{
“renderInfo”: {
“bg”: [
{
“type”: “image_view”,
“scale_type”: “center_crop”,
“content”: “https://res.abeim.cn/qq/”
}
],
“v”: 6951476,
“header”: {
“width”: “fill”,
“typ