fix: 优化分享布局+海报去邀请码

1. 阅读页分享按钮改为一行三个(分享/海报/文案)
2. 海报去掉邀请码区域,简化底部
3. 复制文案改为朋友圈风格
This commit is contained in:
卡若
2026-01-25 20:41:38 +08:00
parent 8a13505381
commit 138495c90b
4 changed files with 45 additions and 69 deletions

View File

@@ -204,30 +204,25 @@ Page({
// 底部区域
ctx.setFillStyle('rgba(0,206,209,0.1)')
ctx.fillRect(0, height - 110, width, 110)
// 邀请码
ctx.setFillStyle('#ffffff')
ctx.setFontSize(12)
ctx.fillText('我的邀请码', 20, height - 85)
ctx.setFillStyle('#00CED1')
ctx.setFontSize(22)
ctx.fillText(referralCode, 20, height - 55)
ctx.fillRect(0, height - 80, width, 80)
// 小程序码占位
ctx.setFillStyle('#ffffff')
ctx.beginPath()
ctx.arc(width - 55, height - 55, 40, 0, Math.PI * 2)
ctx.arc(width - 55, height - 40, 30, 0, Math.PI * 2)
ctx.fill()
ctx.setFillStyle('#00CED1')
ctx.setFontSize(9)
ctx.fillText('扫码', width - 62, height - 55)
ctx.fillText('购买', width - 62, height - 42)
ctx.fillText('扫码', width - 62, height - 42)
ctx.fillText('购买', width - 62, height - 30)
// 底部提示
ctx.setFillStyle('rgba(255,255,255,0.5)')
ctx.setFontSize(10)
ctx.fillText(`推广返利 ${distributorShare}%`, 20, height - 20)
ctx.setFillStyle('#ffffff')
ctx.setFontSize(13)
ctx.fillText('长按识别 立即购买', 20, height - 45)
ctx.setFillStyle('rgba(255,255,255,0.6)')
ctx.setFontSize(11)
ctx.fillText(`推广返利 ${distributorShare}%`, 20, height - 22)
ctx.draw(true, () => {
wx.hideLoading()