Skip to content
On this page

公众号和打赏功能说明

功能概述

在首页的"关于工作助手"模块中新增了两个功能:

  1. 关注公众号 - 展示公众号二维码,用户可点击保存
  2. 打赏支持 - 展示微信打赏码,用户可点击保存

功能特点

关注公众号

  • 展示公众号二维码图片
  • 点击二维码可保存到手机相册
  • 保存成功后会显示提示信息
  • 支持权限检查和错误处理

打赏支持

  • 展示微信打赏码图片
  • 点击二维码可保存到手机相册
  • 包含温馨的打赏文案
  • 保存成功后会显示提示信息

技术实现

页面结构

  • pages/index/index.wxml 中添加了两个新的 section
  • 使用统一的样式类 qrcode-itemqrcode-image
  • 为每个二维码添加了点击事件绑定

样式设计

  • 二维码容器使用圆角边框和阴影效果
  • 添加了点击反馈动画(缩放效果)
  • 打赏文案使用特殊的背景色和左边框突出显示
  • 响应式设计,适配不同屏幕尺寸

功能逻辑

  • pages/index/index.js 中添加了三个方法:
    • onSaveWechatQR() - 保存公众号二维码
    • onSaveDonationQR() - 保存打赏二维码
    • saveQRCode() - 通用保存二维码方法

错误处理

  • 网络下载失败处理
  • 相册权限检查
  • 保存失败提示
  • 用户友好的错误信息

使用方式

  1. 用户进入首页,滚动到"关于工作助手"模块
  2. 在"关注公众号"部分点击二维码图片
  3. 在"打赏支持"部分点击打赏码图片
  4. 系统会自动下载并保存图片到相册
  5. 保存成功后会显示成功提示

注意事项

  1. 需要用户授权相册权限才能保存图片
  2. 图片来自外部链接,需要确保网络连接正常
  3. 首次使用可能需要用户手动授权相册权限
  4. 建议在真机上测试保存功能

图片链接

  • 公众号二维码:https://gitee.com/JerrryWong/worktool/raw/7a894e46031b173ffac811d354d5da35f0e6c047/Res/wechatNo.jpg
  • 微信打赏码:https://gitee.com/JerrryWong/worktool/raw/master/Res/mmm.png

Released under the MIT License.