feat(share): 启用全站系统分享 + 完善分享文案配置

- 各 Page 补齐 onShareAppMessage/onShareTimeline,修复右上角转发/朋友圈按钮灰色
- ui-btn 透传 open-type,完成弹窗接入分享按钮
- config.share 集中维护文案,动态标题用 titleTemplate 占位符
- leaderboard 的 myEntry.rank 缺失时回退静态标题,避免出现"排第 undefined"
- 完成弹窗分享按钮高度对齐 88rpx,与同排按钮等高

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
liucheng
2026-07-25 11:03:02 +08:00
parent 3e1d3bd05e
commit e712741425
9 changed files with 190 additions and 3 deletions
+51 -1
View File
@@ -52,5 +52,55 @@ module.exports = {
],
/** 姿势要领每条显示的秒数 */
tipInterval: 10
tipInterval: 10,
/**
* 小程序分享配置。微信分享能力依赖每个 Page 实现 onShareAppMessage /
* onShareTimeline,这里集中维护所有场景的分享文案,改这里即可。
*
* 各 Page 根据自身场景从 share 字典里取对应的文案:
* - share.default 默认(打开小程序时的转发)
* - share.timer 训练完成时(最常见的分享节点)
* - share.records 训练记录页(晒成绩)
* - share.leaderboard 排行榜页(榜单拉人)
* - share.settings 设置页(基本不会分享)
*
* 每个场景的 title 是静态兜底文案;带动态数据的场景额外提供
* titleTemplate,用 {占位符} 标记运行时替换的位置,页面 replace 后使用:
* - timer.titleTemplate {elapsed} 实际撑的秒数
* - timer.timelineTitleTemplate {elapsed} 朋友圈晒成绩
* - records.titleTemplate {minutes} 累计训练分钟数
* - leaderboard.titleTemplate {period}/{rank} 榜单周期与名次
* 数据缺失时页面回退到静态 title,避免分享卡片出现裸占位符。
*
* timelineTitle 用于非 timer 页的 onShareTimeline(分享到朋友圈)。
* shareImageUrl 为空时微信自动用页面截图,无需提前准备图片。
*/
share: {
default: {
title: '平板支撑训练 — 每天一分钟,撑出好体态',
path: '/pages/index/index'
},
timer: {
title: '我刚完成一次平板支撑训练,一起来打卡!',
titleTemplate: '我刚撑了 {elapsed} 秒!一起来平板支撑打卡',
timelineTitleTemplate: '今天平板支撑 {elapsed} 秒,你能超过我吗?',
path: '/pages/index/index'
},
records: {
title: '看看我的平板支撑训练记录',
titleTemplate: '累计平板支撑 {minutes} 分钟,你也来试试',
path: '/pages/records/records'
},
leaderboard: {
title: '平板支撑训练排行榜,看看你能撑多久?',
titleTemplate: '我在平板支撑{period}榜排第 {rank},你能超过我吗?',
path: '/pages/leaderboard/leaderboard'
},
settings: {
title: '平板支撑训练小程序',
path: '/pages/settings/settings'
},
timelineTitle: '平板支撑训练 — 一起打卡'
}
}