默认提交
Showing
2 changed files
with
24 additions
and
12 deletions
... | @@ -2,7 +2,7 @@ let ENV_CONFIG = require('./env/index'); | ... | @@ -2,7 +2,7 @@ let ENV_CONFIG = require('./env/index'); |
2 | 2 | ||
3 | const APPID = '' | 3 | const APPID = '' |
4 | /** ====每次发布版本记得修改此环境配置==== */ | 4 | /** ====每次发布版本记得修改此环境配置==== */ |
5 | const ENV = 'Prod'; // Dev Prod | 5 | const ENV = 'Dev'; // Dev Prod |
6 | const NET_CONFIG = ENV_CONFIG[ENV]; | 6 | const NET_CONFIG = ENV_CONFIG[ENV]; |
7 | const MOCKAPI = ENV_CONFIG.mockApi; | 7 | const MOCKAPI = ENV_CONFIG.mockApi; |
8 | 8 | ... | ... |
... | @@ -60,13 +60,24 @@ Page({ | ... | @@ -60,13 +60,24 @@ Page({ |
60 | 60 | ||
61 | // 获取海报数据 | 61 | // 获取海报数据 |
62 | getPosterConfig() { | 62 | getPosterConfig() { |
63 | let qrCodeWid = 340; | 63 | let qrCodeWid = 300; |
64 | let avatarWid = 56; | 64 | let avatarSpace = 5; |
65 | let avatarWidBlock = 300 * 0.3; | ||
66 | let avatarWid = avatarWidBlock - (avatarSpace * 2); | ||
67 | let qrTop = 360; | ||
65 | // 合成图片需要的数据 | 68 | // 合成图片需要的数据 |
66 | let { | 69 | let { |
67 | userInfo | 70 | userInfo |
68 | } = this.data; | 71 | } = this.data; |
69 | let blocks = [] | 72 | let blocks = [{ |
73 | x: (690 - avatarWidBlock) * .5, | ||
74 | y: qrTop + (qrCodeWid * .5) - (avatarWidBlock * .5), | ||
75 | width: avatarWidBlock, | ||
76 | height: avatarWidBlock, | ||
77 | backgroundColor: "#ffffff", | ||
78 | borderRadius: 10, | ||
79 | zIndex: 21, | ||
80 | }] | ||
70 | let images = [ | 81 | let images = [ |
71 | // 背景图 | 82 | // 背景图 |
72 | { | 83 | { |
... | @@ -79,7 +90,7 @@ Page({ | ... | @@ -79,7 +90,7 @@ Page({ |
79 | // 二维码 | 90 | // 二维码 |
80 | { | 91 | { |
81 | x: (690 - qrCodeWid) * .5, | 92 | x: (690 - qrCodeWid) * .5, |
82 | y: 340, | 93 | y: qrTop, |
83 | width: qrCodeWid, | 94 | width: qrCodeWid, |
84 | height: qrCodeWid, | 95 | height: qrCodeWid, |
85 | zIndex: 11, | 96 | zIndex: 11, |
... | @@ -88,28 +99,29 @@ Page({ | ... | @@ -88,28 +99,29 @@ Page({ |
88 | // 头像 | 99 | // 头像 |
89 | { | 100 | { |
90 | x: (690 - avatarWid) * .5, | 101 | x: (690 - avatarWid) * .5, |
91 | y: 480, | 102 | y: qrTop + (qrCodeWid * .5), |
103 | y: qrTop + ((qrCodeWid - avatarWidBlock) * .5) + avatarSpace, | ||
92 | width: avatarWid, | 104 | width: avatarWid, |
93 | height: avatarWid, | 105 | height: avatarWid, |
94 | borderRadius: 12, | 106 | borderRadius: 12, |
95 | zIndex: 11, | 107 | zIndex: 22, |
96 | url: userInfo.avatar, | 108 | url: userInfo.avatar, |
97 | } | 109 | } |
98 | ]; | 110 | ]; |
99 | let lines = []; | 111 | let lines = []; |
100 | let texts = [{ | 112 | let texts = [{ |
101 | x: 690 / 2, | 113 | x: 690 / 2, |
102 | y: 686, | 114 | y: 700, |
103 | width: 690, | 115 | width: 688, |
104 | fontSize: 24, | 116 | fontSize: 26, |
105 | color: "#333333", | 117 | color: "#000000", |
106 | textAlign: "center", | 118 | textAlign: "center", |
107 | zIndex: 11, | 119 | zIndex: 11, |
108 | text: userInfo.nickname, | 120 | text: userInfo.nickname, |
109 | }, | 121 | }, |
110 | { | 122 | { |
111 | x: 690 / 2, | 123 | x: 690 / 2, |
112 | y: 720, | 124 | y: 732, |
113 | width: 690, | 125 | width: 690, |
114 | fontSize: 18, | 126 | fontSize: 18, |
115 | color: "#666666", | 127 | color: "#666666", | ... | ... |
-
Please register or sign in to post a comment