From 138495c90b6005b58cc87dd501dd2325efb60744 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8D=A1=E8=8B=A5?= Date: Sun, 25 Jan 2026 20:41:38 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=88=86=E4=BA=AB?= =?UTF-8?q?=E5=B8=83=E5=B1=80+=E6=B5=B7=E6=8A=A5=E5=8E=BB=E9=82=80?= =?UTF-8?q?=E8=AF=B7=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. 阅读页分享按钮改为一行三个（分享/海报/文案） 2. 海报去掉邀请码区域，简化底部 3. 复制文案改为朋友圈风格 --- miniprogram/pages/read/read.js | 12 ++++--- miniprogram/pages/read/read.wxml | 27 ++++++-------- miniprogram/pages/read/read.wxss | 50 +++++++++----------------- miniprogram/pages/referral/referral.js | 25 ++++++------- 4 files changed, 45 insertions(+), 69 deletions(-) diff --git a/miniprogram/pages/read/read.js b/miniprogram/pages/read/read.js index 7982851..7f4bb45 100644 --- a/miniprogram/pages/read/read.js +++ b/miniprogram/pages/read/read.js @@ -285,13 +285,17 @@ Page({ }) }, - // 复制分享文案 + // 复制分享文案（朋友圈风格） copyShareText() { const { section } = this.data - const userInfo = app.globalData.userInfo - const referralCode = userInfo?.referralCode || '' - const shareText = `📚《Soul创业派对》推荐阅读\n\n【${section?.title || '精彩内容'}】\n\n来自派对房的真实商业故事，62个创业案例，干货满满！\n\n🎁 通过我的推荐购买立享5%优惠\n👉 邀请码：${referralCode || 'SOUL'}\n\n#创业派对 #私域运营 #商业案例` + const shareText = `🔥 刚看完这篇《${section?.title || 'Soul创业派对'}》，太上头了！ + +62个真实商业案例，每个都是从0到1的实战经验。私域运营、资源整合、商业变现，干货满满。 + +推荐给正在创业或想创业的朋友，搜"Soul创业派对"小程序就能看！ + +#创业派对 #私域运营 #商业案例` wx.setClipboardData({ data: shareText, diff --git a/miniprogram/pages/read/read.wxml b/miniprogram/pages/read/read.wxml index 3ee7ca7..be0aead 100644 --- a/miniprogram/pages/read/read.wxml +++ b/miniprogram/pages/read/read.wxml @@ -82,25 +82,18 @@ - - 分享这篇内容 - - - - - - - 🖼️ - 生成海报 + + 🖼️ + 海报 - - - - 📝 - 复制文案 + + 📝 + 文案 diff --git a/miniprogram/pages/read/read.wxss b/miniprogram/pages/read/read.wxss index 71818a3..0b1e0f8 100644 --- a/miniprogram/pages/read/read.wxss +++ b/miniprogram/pages/read/read.wxss @@ -398,69 +398,53 @@ /* ===== 分享操作区 ===== */ .action-section { - margin-top: 64rpx; - padding: 32rpx; - background: rgba(255, 255, 255, 0.03); - border-radius: 24rpx; - border: 2rpx solid rgba(255, 255, 255, 0.05); + margin-top: 48rpx; } -.action-header { - margin-bottom: 24rpx; +.action-row-inline { + display: flex; + gap: 16rpx; } -.action-title { - font-size: 28rpx; - color: rgba(255, 255, 255, 0.6); -} - -.action-row { - margin-bottom: 16rpx; -} - -.action-row:last-child { - margin-bottom: 0; -} - -.action-btn-full { +.action-btn-inline { + flex: 1; display: flex; align-items: center; justify-content: center; - gap: 12rpx; - width: 100%; - padding: 28rpx 24rpx; - border-radius: 20rpx; + gap: 8rpx; + padding: 24rpx 16rpx; + border-radius: 16rpx; border: none; background: transparent; line-height: normal; box-sizing: border-box; } -.action-btn-full::after { +.action-btn-inline::after { border: none; } -.btn-share-full { +.btn-share-inline { background: rgba(7, 193, 96, 0.15); border: 2rpx solid rgba(7, 193, 96, 0.3); } -.btn-poster-full { +.btn-poster-inline { background: rgba(255, 215, 0, 0.15); border: 2rpx solid rgba(255, 215, 0, 0.3); } -.btn-copy-full { +.btn-copy-inline { background: rgba(0, 206, 209, 0.15); border: 2rpx solid rgba(0, 206, 209, 0.3); } -.action-icon { - font-size: 36rpx; +.action-icon-small { + font-size: 28rpx; } -.action-text { - font-size: 28rpx; +.action-text-small { + font-size: 24rpx; color: #ffffff; font-weight: 500; } diff --git a/miniprogram/pages/referral/referral.js b/miniprogram/pages/referral/referral.js index a16d3e9..64f8e60 100644 --- a/miniprogram/pages/referral/referral.js +++ b/miniprogram/pages/referral/referral.js @@ -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()