先看一下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:} |
|