fix: 优化分享布局+海报去邀请码
1. 阅读页分享按钮改为一行三个(分享/海报/文案) 2. 海报去掉邀请码区域,简化底部 3. 复制文案改为朋友圈风格
This commit is contained in:
@@ -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()
|
||||
|
||||
Reference in New Issue
Block a user