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

[复制链接]
查看783 | 回复0 | 65 天前 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
先看一下JSONQQ技术-详解QQDIY名片json代码(1)
QQ技术-详解QQDIY名片json代码(2)


接下来分析JSONQQ技术-详解QQDIY名片json代码(3)
  • 主要是设置名片背景图
    第七行:"content": "https://res.abeim.cn/qq"这里的链接是图片直链
    为名片背景主图
    QQ技术-详解QQDIY名片json代码(4)

  • 这是主要看ID,id为1001控制的是点赞按钮
    QQ技术-详解QQDIY名片json代码(5)
    • 18行:"lpd":2000,点赞按钮的宽度,全屏点赞推荐2000
    • 19行:"bg":"",点赞按钮的背景图,这里留空就是透明
    • 21行:"x":"0w",点赞按钮横坐标,全屏点赞推荐0
    • 22行:"y":"600w",点赞按钮纵坐标,全屏点赞推荐600
    • 23行:"height": "23400w",点赞按钮的高度,全屏点赞推荐23400


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


  • 这里主要是资料卡的小图标
    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行全删掉
    QQ技术-详解QQDIY名片json代码(14)

  • 底部空间图片背景
    QQ技术-详解QQDIY名片json代码(15)
    52行:"ph": "https://img02.sogoucdn.com/app/a/100520146/53767D07429DD9097E93552DD1E28F01",
    空间图片背景图,也就是这里的
    QQ技术-详解QQDIY名片json代码(16)
    这里需要注意的是:修改前看一下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包的话请替换图中第五行到第七行的内容为
QQ技术-详解QQDIY名片json代码(20)
  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. }
复制代码

明天更新如何做到不同的好友点进名片看到不同的背景+文字QQ技术-详解QQDIY名片json代码(21)
本文原创,搬砖请注明出处QQ技术-详解QQDIY名片json代码(22)
目之所及 皆是回忆 心之所想 皆是过往 眼之所看 皆是遗憾
回复

使用道具 举报

懒得打字嘛,这里快捷回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则