公众号和打赏功能说明
功能概述
在首页的"关于工作助手"模块中新增了两个功能:
- 关注公众号 - 展示公众号二维码,用户可点击保存
- 打赏支持 - 展示微信打赏码,用户可点击保存
功能特点
关注公众号
- 展示公众号二维码图片
- 点击二维码可保存到手机相册
- 保存成功后会显示提示信息
- 支持权限检查和错误处理
打赏支持
- 展示微信打赏码图片
- 点击二维码可保存到手机相册
- 包含温馨的打赏文案
- 保存成功后会显示提示信息
技术实现
页面结构
- 在
pages/index/index.wxml中添加了两个新的 section - 使用统一的样式类
qrcode-item和qrcode-image - 为每个二维码添加了点击事件绑定
样式设计
- 二维码容器使用圆角边框和阴影效果
- 添加了点击反馈动画(缩放效果)
- 打赏文案使用特殊的背景色和左边框突出显示
- 响应式设计,适配不同屏幕尺寸
功能逻辑
- 在
pages/index/index.js中添加了三个方法:onSaveWechatQR()- 保存公众号二维码onSaveDonationQR()- 保存打赏二维码saveQRCode()- 通用保存二维码方法
错误处理
- 网络下载失败处理
- 相册权限检查
- 保存失败提示
- 用户友好的错误信息
使用方式
- 用户进入首页,滚动到"关于工作助手"模块
- 在"关注公众号"部分点击二维码图片
- 在"打赏支持"部分点击打赏码图片
- 系统会自动下载并保存图片到相册
- 保存成功后会显示成功提示
注意事项
- 需要用户授权相册权限才能保存图片
- 图片来自外部链接,需要确保网络连接正常
- 首次使用可能需要用户手动授权相册权限
- 建议在真机上测试保存功能
图片链接
- 公众号二维码:
https://gitee.com/JerrryWong/worktool/raw/7a894e46031b173ffac811d354d5da35f0e6c047/Res/wechatNo.jpg - 微信打赏码:
https://gitee.com/JerrryWong/worktool/raw/master/Res/mmm.png