|
|
|
@ -2,7 +2,7 @@
|
|
|
|
<view class="p-root-bind-my-main g_flex_column_center flex_center g_w_all g_h_all g_bg_f_5 g_kuaishou" :style="{ 'background-image': showBg ? 'url(' + cdnBaseImg + 'share_bg.svg)' : '' }" :class="showBg ? 'g_pt_32' : ''">
|
|
|
|
<view class="p-root-bind-my-main g_flex_column_center flex_center g_w_all g_h_all g_bg_f_5 g_kuaishou" :style="{ 'background-image': showBg ? 'url(' + cdnBaseImg + 'share_bg.svg)' : '' }" :class="showBg ? 'g_pt_32' : ''">
|
|
|
|
<view class="g_flex_row_center g_fs_22 g_c_3 g_fw_600 g_mb_24" v-if="showBg">邀请粉丝(代理)关注我的发单号</view>
|
|
|
|
<view class="g_flex_row_center g_fs_22 g_c_3 g_fw_600 g_mb_24" v-if="showBg">邀请粉丝(代理)关注我的发单号</view>
|
|
|
|
<!-- #ifdef APP-PLUS || MP-WEIXIN -->
|
|
|
|
<!-- #ifdef APP-PLUS || MP-WEIXIN -->
|
|
|
|
<image :src="shareJobImg" show-menu-by-longpress style="width: 343px; height: 555px; margin: 0 auto; display: block" mode=""></image>
|
|
|
|
<image :src="shareJobImg" show-menu-by-longpress style="width: 343px; height: 635px; margin: 0 auto; display: block" mode=""></image>
|
|
|
|
<view class="g_text_c g_fs_16 g_mt_12 g_mb_12 g_fw_600">长按图片转发给微信好友</view>
|
|
|
|
<view class="g_text_c g_fs_16 g_mt_12 g_mb_12 g_fw_600">长按图片转发给微信好友</view>
|
|
|
|
<!-- #endif -->
|
|
|
|
<!-- #endif -->
|
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
|
@ -348,7 +348,7 @@ export default {
|
|
|
|
success(res) {
|
|
|
|
success(res) {
|
|
|
|
console.log("res111", res);
|
|
|
|
console.log("res111", res);
|
|
|
|
canvas.width = res.width;
|
|
|
|
canvas.width = res.width;
|
|
|
|
canvas.height = res.height;
|
|
|
|
canvas.height = res.height + 250;
|
|
|
|
mycenter = canvas.width;
|
|
|
|
mycenter = canvas.width;
|
|
|
|
myheight = canvas.height;
|
|
|
|
myheight = canvas.height;
|
|
|
|
const img = canvas.createImage();
|
|
|
|
const img = canvas.createImage();
|
|
|
|
@ -356,11 +356,11 @@ export default {
|
|
|
|
console.log("img111", img);
|
|
|
|
console.log("img111", img);
|
|
|
|
img.onload = (info) => {
|
|
|
|
img.onload = (info) => {
|
|
|
|
// 绘制背景色
|
|
|
|
// 绘制背景色
|
|
|
|
that.G.roundRect1(ctx, 0, 0, canvas.width, canvas.height, 0, baseColor);
|
|
|
|
that.G.roundRect1(ctx, 0, 0, canvas.width, canvas.height + 250, 0, baseColor);
|
|
|
|
// 绘制中间白色背景
|
|
|
|
// 绘制中间白色背景
|
|
|
|
that.G.roundRect1(ctx, (mycenter - canvas.width + 120) / 2, 280, canvas.width - 120, canvas.height - 360, 180, "#fff");
|
|
|
|
that.G.roundRect1(ctx, (mycenter - canvas.width + 120) / 2, 280, canvas.width - 120, canvas.height - 360, 180, "#fff");
|
|
|
|
// 绘制关注发单号背景色
|
|
|
|
// 绘制关注发单号背景色
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 800) / 2, canvas.height - 300, 800, 136, 135, baseColor);
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 800) / 2, canvas.height - 600, 800, 136, 135, baseColor);
|
|
|
|
let qrTop = 1195;
|
|
|
|
let qrTop = 1195;
|
|
|
|
// 二维码左上角的
|
|
|
|
// 二维码左上角的
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600) / 2 - 5, qrTop, 136, 136, 80, baseColor);
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600) / 2 - 5, qrTop, 136, 136, 80, baseColor);
|
|
|
|
@ -370,7 +370,11 @@ export default {
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600) / 2 - 5, qrTop + 475, 136, 136, 80, baseColor);
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600) / 2 - 5, qrTop + 475, 136, 136, 80, baseColor);
|
|
|
|
// 二维码右下角的
|
|
|
|
// 二维码右下角的
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600) / 2 + 470, qrTop + 475, 136, 136, 80, baseColor);
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600) / 2 + 470, qrTop + 475, 136, 136, 80, baseColor);
|
|
|
|
that.G.fillTextLineBreak(ctx, "扫一扫关注我的发单号", (mycenter - "扫一扫关注我的发单号".length * 54) / 2 + 40, canvas.height - 215, "扫一扫关注我的发单号".length * 54, 58, "#333", 54, 600); // 总职位
|
|
|
|
// 绘制关注发单号文字
|
|
|
|
|
|
|
|
that.G.fillTextLineBreak(ctx, "扫一扫关注我的发单号", (mycenter - "扫一扫关注我的发单号".length * 54) / 2 + 40, canvas.height - 515, "扫一扫关注我的发单号".length * 54, 58, "#333", 54, 600); // 总职位
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
that.G.drawCenteredText(ctx, mycenter, canvas.height - 300, [{ content: "该图片请不要发给工友", color: "#d30000", fontWeight: 500, fontSize: 72 }]);
|
|
|
|
|
|
|
|
that.G.drawCenteredText(ctx, mycenter, canvas.height - 200, [{ content: "关注后能直接看到单子的代理费/佣金", color: "#333", fontWeight: 500, fontSize: 48 }]);
|
|
|
|
|
|
|
|
|
|
|
|
// 绘制头像背景色
|
|
|
|
// 绘制头像背景色
|
|
|
|
that.G.roundRect_yuan(ctx, (mycenter - 360) / 2, 110, 360, "#ffffff");
|
|
|
|
that.G.roundRect_yuan(ctx, (mycenter - 360) / 2, 110, 360, "#ffffff");
|
|
|
|
@ -381,7 +385,7 @@ export default {
|
|
|
|
console.log("res333", res);
|
|
|
|
console.log("res333", res);
|
|
|
|
img.src = res.path;
|
|
|
|
img.src = res.path;
|
|
|
|
img.onload = () => {
|
|
|
|
img.onload = () => {
|
|
|
|
that.G.roundRect(ctx, img, (mycenter - 800) / 2 + 100, canvas.height - 265, 70, 70, 0);
|
|
|
|
that.G.roundRect(ctx, img, (mycenter - 800) / 2 + 100, canvas.height - 565, 70, 70, 0);
|
|
|
|
resolve(true);
|
|
|
|
resolve(true);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|