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

[复制链接]
查看1625 | 回复0 | 2020-3-27 00:03:04 | 显示全部楼层 |阅读模式
先看一下JSON
IMG_20200326_225233.jpg


接下来分析JSON
  • 主要是设置名片背景图
    第七行:"content": "https://res.abeim.cn/qq"这里的链接是图片直链
    为名片背景主图
    Screenshot_20200326225435.jpg

  • 这是主要看ID,id为1001控制的是点赞按钮
    IMG_20200326_230045.jpg
    • 18行:"lpd":2000,点赞按钮的宽度,全屏点赞推荐2000
    • 19行:"bg":"",点赞按钮的背景图,这里留空就是透明
    • 21行:"x":"0w",点赞按钮横坐标,全屏点赞推荐0
    • 22行:"y":"600w",点赞按钮纵坐标,全屏点赞推荐600
    • 23行:"height": "23400w",点赞按钮的高度,全屏点赞推荐23400


  • 这里主要是字体颜色和我的空间四个字前面的图标
    IMG_20200326_231340.jpg
    • 字体颜色,颜色代码请前往网站查看,点击直达
      32行:"c":"#FFCC00",
      36行:"line": "#FFCC00",
      两处都要修改才会生效
    • 34行:"t_bg": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
      我的空间四个字前面的小图标,我这里没有设置,所以没有显示图标
      Screenshot_20200326232649.jpg


  • 这里主要是资料卡的小图标
    IMG_20200326_233201.jpg
    • 39行:"qq": "https://img.abeim.cn/imgs/2020/03/ca8a2fc7db500762.jpg",QQ号前面的小图标
      Screenshot_20200326233434.jpg
    • 40行:"p":"https://img.abeim.cn/imgs/2020/03/1cf8106d1add56e5.png",性别前面的小图标
      Screenshot_20200326233609.jpg
    • 42行:"sign":"https://img.abeim.cn/imgs/2020/03/00f71c092706ad4d.png",个性签名前面的小图标
      Screenshot_20200326233805.jpg
    • 43行:"metal": "https://img.abeim.cn/imgs/2020/03/2f81eaaf1173212d.jpg",业务前面的小图标
      Screenshot_20200326233938.jpg
    • 44行:"lv": "https://img.abeim.cn/imgs/2020/03/d0f9d52dc58aa50e.jpg",等级前面的小图标
      Screenshot_20200326234109.jpg
    如果不想让别人看自己的资料就把图中39行到45行全删掉
    IMG_20200327_002012.jpg

  • 底部空间图片背景
    Screenshot_20200326234457.jpg
    52行:"ph": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
    空间图片背景图,也就是这里的
    Screenshot_20200326234711.jpg
    这里需要注意的是:修改前看一下type的值,是qz才是空间背景图,反之不是
    另外这里的背景图不包括上图中左上角发表新鲜事,发表新鲜事背景的代码在下面

  • 资料卡背景和发表新鲜事背景
    Screenshot_20200326235012.jpg
    • 56行:"sbg":"https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",资料卡背景
      Screenshot_20200326235252.jpg
      图床失效,所以没有背景
    • 57行:"cbg":"https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",发表新鲜事按钮背景
      Screenshot_20200326235526.jpg
      图床失效,所以没有背景


以前就是json的详细解释,关于json中其他没有提到的表示我暂时也不知道有啥用
另外这个json是单图背景,如果你是用zip包的话请替换图中第五行到第七行的内容为
IMG_20200326_235846.jpg
  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. }
复制代码

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

爱分享 - 新资源心分享 - 论坛版权1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
2、本站所有主题由该帖子作者发表,该帖子作者与爱分享 - 新资源心分享享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和爱分享 - 新资源心分享的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
7、爱分享 - 新资源心分享管理员和版主有权不事先通知发贴者而删除本文

目之所及 皆是回忆 心之所想 皆是过往 眼之所看 皆是遗憾
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

');