新增:分享、下载图片、视频功能登

This commit is contained in:
2025-06-09 20:09:52 +08:00
parent 522281300f
commit 4eb8ef0f54
11 changed files with 1346 additions and 56 deletions

121
测试分享功能.md Normal file
View File

@@ -0,0 +1,121 @@
# 分享功能测试指南
## 🧪 测试步骤
### 1. 准备测试环境
1. 确保项目已正确编译
2. 在微信开发者工具中打开项目
3. 导航到房源详情页面
### 2. 测试复制链接功能
**步骤**
1. 在房源详情页面点击"分享"按钮
2. 在分享弹窗中选择"复制链接"
3. 检查是否显示"链接复制成功"提示
**预期结果**
- 显示成功提示
- 剪贴板中包含房源信息和链接
### 3. 测试生成海报功能
**步骤**
1. 在房源详情页面点击"分享"按钮
2. 在分享弹窗中选择"生成海报"
3. 等待海报生成完成
4. 检查海报是否正确显示
5. 点击"保存海报图"按钮
**预期结果**
- 海报弹窗正常显示
- 海报图片为房源的第一张图片
- 保存功能正常工作
### 4. 测试微信分享功能
**步骤**
1. 在房源详情页面点击"分享"按钮
2. 选择"发送给微信好友"或"分享到朋友圈"
3. 检查是否显示相应的提示
**预期结果**
- 显示"请点击右上角分享"提示
- 全局分享数据已正确设置
## 🔍 调试信息
### 检查控制台输出
如果遇到问题,请检查控制台是否有以下错误:
- `TypeError: app.apiCall is not a function` - 应该已修复
- `SettingModel.h5Url is not a function` - 复制链接会降级处理
- 其他网络相关错误
### 检查数据状态
在分享前确认以下数据:
```javascript
// 在控制台中检查
console.log('房源信息:', this.form)
console.log('图片列表:', this.swiperList)
console.log('分享标题:', this.shareTitle)
console.log('分享图片:', this.shareImageUrl)
console.log('海报API:', this.posterApiCall)
```
## 🐛 常见问题及解决方案
### 1. 海报生成失败
**可能原因**
- 房源没有图片
- 网络连接问题
**解决方案**
- 检查房源是否有图片
- 确保网络连接正常
- 查看控制台错误信息
### 2. 复制链接失败
**可能原因**
- 剪贴板权限问题
- H5地址获取失败
**解决方案**
- 已实现降级处理,会使用页面路径
- 检查用户是否授权剪贴板权限
### 3. 微信分享无效
**可能原因**
- 全局分享数据未正确设置
- 小程序分享配置问题
**解决方案**
- 检查 `uni.$u.mpShare` 是否正确设置
- 确认小程序分享权限配置
## ✅ 测试检查清单
- [ ] 分享按钮正常显示
- [ ] 分享弹窗正常打开
- [ ] 复制链接功能正常
- [ ] 生成海报功能正常
- [ ] 海报保存功能正常
- [ ] 微信分享提示正常
- [ ] 无控制台错误
- [ ] 分享数据正确设置
## 📝 测试报告模板
**测试环境**
- 设备:[设备型号]
- 系统:[操作系统版本]
- 微信版本:[微信版本]
- 开发者工具版本:[版本号]
**测试结果**
- 复制链接:✅/❌
- 生成海报:✅/❌
- 保存海报:✅/❌
- 微信分享:✅/❌
**问题描述**
[如有问题,请详细描述]
**错误信息**
[如有错误,请提供控制台输出]