详解QQDIY名片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
    
  
  

  ---

• 这里主要是字体颜色和我的空间四个字前面的图标
  
  
  • 字体颜色,颜色代码请前往网站查看,点击直达
    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包的话请替换图中第五行到第七行的内容为

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

复制代码

附上本次教程的json

1. {
   
2.     "renderInfo": {
   
3.         "bg": [
   
4.             {
   
5.                 "type": "image_view",
   
6.                 "scale_type": "center_crop",
   
7.                 "content": "https://res.abeim.cn/qq/"
   
8.             }
   
9.         ],
   
10.         "v": 6951476,
    
11.         "header": {
    
12.             "width": "fill",
    
13.             "type": "layout",
    
14.             "height": "fill",
    
15.             "order": 0,
    
16.             "child": [
    
17.                 {
    
18.                     "lpd": 2000,
    
19.                     "bg": "",
    
20.                     "rpd": 20,
    
21.                     "x": "0w",
    
22.                     "y": "600h",
    
23.                     "style": 1,
    
24.                     "id": "1001",
    
25.                     "type": "pf_like",
    
26.                     "height": "23400w"
    
27.                 }
    
28.             ]
    
29.         },
    
30.         "body": {
    
31.             "arr": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
    
32.             "c": "#FFCC00",
    
33.             "f": "",
    
34.             "t_bg": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
    
35.             "cpd": 8,
    
36.             "line": "#FFCC00",
    
37.             "module": [
    
38.                 {
    
39.                     "qq": "https://img.abeim.cn/imgs/2020/03/ca8a2fc7db500762.jpg",
    
40.                     "p": "https://img.abeim.cn/imgs/2020/03/1cf8106d1add56e5.png",
    
41.                     "arr": "https://img.abeim.cn/imgs/2020/03/372c2cd68c677455.gif",
    
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",
    
45.                     "type": "info"
    
46.                 },
    
47.                 {
    
48.                     "ph": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
    
49.                     "type": "state"
    
50.                 },
    
51.                 {
    
52.                     "ph": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
    
53.                     "type": "qz"
    
54.                 }
    
55.             ],
    
56.             "sbg": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
    
57.             "cbg": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
    
58.             "id": 22,
    
59.             "ts": 1
    
60.         }
    
61.     },
    
62.     "styleId": 22,
    
63.     "cardId": 3547,
    
64.     "callback": "__MQQ_CALLBACK_AUTO_7",
    
65.     "bgId": 2000
    
66. }

复制代码

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