bowong
/
bw-mini-app
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
105 Commits 5 Branches 2 Tags 3.1 MiB
Commit Graph

76 Commits

Author SHA1 Message Date
imeepos 0212b29cf6 feat: 更换图标 2025-09-03 21:14:33 +08:00
杨明明 ed15d2d44b feat: 美化历史记录页面并统一设计风格 
- 美化历史记录页面UI设计：
  - 添加现代化的卡片设计和动画效果
  - 优化状态指示器和交互反馈
  - 增加下拉刷新和点击查看功能
  - 改进空状态和加载状态显示
- 统一页面背景风格：
  - 历史记录页面背景与首页保持一致
  - 调整颜色主题为统一的蓝色系
  - 优化文字对比度和可读性
- 修复结果页面参数传递格式
- 优化布局和响应式设计
 2025-09-03 21:09:12 +08:00
杨明明 c5fcab683f feat: 修复字体大小问题并添加历史记录功能 
- 将所有页面和组件的px单位改为rpx，确保跨设备适配
- 修复首页右侧padding超出屏幕的问题
- 在模板执行流程中添加历史记录功能：
  - 开始处理时创建generating状态记录
  - 处理成功时更新为completed状态并保存结果
  - 处理失败时更新为failed状态并记录错误信息
- 优化布局间距和字体大小，提升用户体验
 2025-09-03 20:53:29 +08:00
杨明明 4c0d69e1b2 feat: 修复首页滚动卡顿并添加下拉刷新功能 
滚动性能优化：
- 使用ScrollView组件替代普通View，提供原生滚动性能
- 启用硬件加速：transform: translateZ(0)和will-change属性
- 优化CSS动画：减少clip-path动画频率，简化transition效果
- 图片渲染优化：image-rendering: optimizeSpeed和backface-visibility

 下拉刷新功能：
- 集成ScrollView原生下拉刷新能力
- 添加refresherEnabled、refresherTriggered等配置
- 实现handleRefresh异步刷新逻辑
- 完善错误处理和用户反馈

 性能提升措施：
- 移除不必要的transition动画减少重绘
- 使用requestAnimationFrame节流触摸事件
- 启用contain: layout style paint优化渲染
- 简化active状态效果，使用opacity替代transform

 用户体验改进：
- 流畅的原生滚动体验，消除卡顿现象
- 直观的下拉刷新操作，符合用户习惯
- 完整的加载状态和错误提示
- 自动数据同步和状态管理

 技术实现：
- ScrollView enhanced模式启用增强特性
- enablePassive被动事件监听提升性能
- refresherBackground和refresherDefaultStyle视觉定制
- 异步错误处理和Toast提示集成

解决问题：首页滚动时的卡顿现象，提升用户交互体验
 2025-09-03 20:39:18 +08:00
杨明明 24098c4c7a refactor: 简化模板处理逻辑和错误处理 
SDK接口优化：
- executeTemplate直接返回string|null，简化返回类型
- 移除ExecuteTemplateResult包装，直接抛出异常
- 统一错误处理机制，使用try-catch模式

 代码逻辑简化：
- 简化模板处理结果判断逻辑
- 移除success字段检查，直接使用结果
- 优化异常处理，统一使用Error类型

 页面跳转优化：
- 简化结果页面URL参数
- 直接传递处理结果URL
- 移除冗余的参数传递

 代码质量提升：
- 统一代码格式（箭头函数空格）
- 简化条件判断逻辑
- 减少嵌套层级，提高可读性

 错误处理改进：
- 使用标准的try-catch异常处理
- 统一错误消息格式
- 简化错误状态管理
 2025-09-03 20:04:47 +08:00
杨明明 bf67547eeb feat: 添加模板处理完整流程，包含loading状态和结果页面 
模板处理流程：
- 点击模板卡片触发选择图片并上传
- 调用模板服务处理图片
- 处理完成后跳转到结果页面展示对比效果

 用户体验优化：
- 添加loading状态提示：选择图片、上传进度、处理中
- 防止重复点击，避免多次触发处理
- 完整的错误处理和用户提示
- 上传进度实时显示

 结果页面增强：
- 支持原图与效果图对比显示
- 显示模板名称和处理状态
- 保持原有多图片显示兼容性
- 优化对比布局和视觉效果

 SDK功能扩展：
- 新增chooseAndUploadImage接口，纯粹的选择并上传功能
- 支持上传进度回调和图片选择完成回调
- 完善错误处理和日志记录

 架构改进：
- 从服务端动态加载模板列表
- 使用真实的模板服务API
- 移除硬编码的模板配置
- 简化首页布局，专注模板展示

 交互流程：
1. 用户点击模板卡片
2. 选择图片（相册/拍照）
3. 上传图片到服务器
4. 调用模板服务处理
5. 跳转结果页面展示对比效果
6. 支持保存图片到相册

 技术实现：
- 使用Taro.showLoading显示处理状态
- URL参数传递结果数据
- 响应式对比布局设计
- 完整的异常处理机制
 2025-09-03 19:47:49 +08:00
杨明明 be582a668a fix: 修复图片变形问题并优化瀑布流布局 
� 图片显示修复：
- 改用mode='aspectFit'替代aspectFill，保持图片完整比例
- 设置height: auto让图片高度自适应，避免变形
- 限制宽度但不限制高度，确保图片不被拉伸
- 使用flexbox居中对齐图片显示

� 瀑布流布局优化：
- 简化CSS布局，使用标准grid布局替代复杂的flex+grid混合方案
- 移除不必要的max-height和flex-wrap属性
- 删除TemplateCard的margin-bottom，使用grid gap统一间距
- 确保小程序环境下的兼容性和稳定性

� 样式细节调整：
- 容器使用min-height和max-height控制高度范围
- 添加line-clamp标准属性提升CSS兼容性
- 优化响应式断点，确保不同屏幕尺寸下的良好显示
- 保持卡片圆角和阴影效果

✅ 预期效果：
- 图片不再变形，保持原始宽高比
- 瀑布流布局正确显示为2列网格
- 拖拽功能正常，图片尺寸稳定
- 在微信小程序中完美兼容
 2025-09-03 17:53:47 +08:00
杨明明 68dc675e84 feat: 美化home页面，实现瀑布流布局展示模板对比效果 
- 重新设计TemplateCard组件，突出展示input原图和output效果图的对比
- 实现瀑布流布局，每行2列，充分利用屏幕空间
- 添加渐变色标题和现代化的卡片设计
- 使用CSS Grid实现响应式布局，兼容小程序环境
- 原图和效果图都有清晰的标签标识（蓝色原图，绿色效果）
- 添加箭头指示转换过程，使用渐变背景和阴影效果
- 扩展模板数据，添加6个不同的AI处理功能
- 包含标签系统和积分成本信息展示
- 添加设计预览文档
 2025-09-03 17:20:55 +08:00
imeepos 4709666814 feat: 修改Template结构与后端保持一致 2025-09-03 16:59:58 +08:00
杨明明 14205a9021 feat: 配置 TailwindCSS 并迁移到 Redux 
- 配置 TailwindCSS 支持小程序开发
  - 安装 tailwindcss, postcss, autoprefixer
  - 安装 weapp-tailwindcss 插件支持小程序
  - 配置 tailwind.config.js 和 postcss.config.js
  - 更新 Taro 配置支持 TailwindCSS

- 从 Zustand 迁移到 Redux Toolkit
  - 移除 zustand 依赖
  - 安装 redux, react-redux, redux-thunk, @reduxjs/toolkit
  - 重构状态管理架构：
    - src/constants/ - Action 类型常量
    - src/actions/ - Action creators 和异步 actions
    - src/reducers/ - Reducers
    - src/selectors/ - 状态选择器
    - src/hooks/redux.ts - 类型化 hooks
  - 更新组件使用新的 Redux API
  - 保持数据持久化功能

- 更新应用配置
  - 将 app.ts 重命名为 app.tsx 支持 JSX
  - 添加 Redux Provider 到应用根组件
  - 更新 TODO.md 标记完成状态

- 构建验证通过，所有功能正常
 2025-09-03 16:33:06 +08:00
imeepos c8480308e0 feat: 添加图标 2025-09-03 15:57:27 +08:00
imeepos 2cff8db4bf feat: 平台适配优化和代码重构 
- 更新小程序配置支持微信平台(appid: wxb51f0b0c3aad7cdf)
- 新增微信小程序平台适配模块(weapp.ts)
- 优化广告组件跨平台兼容性处理
- 移除不必要的React.memo优化
- 简化广告加载逻辑，提高稳定性
- 修复代码规范问题(import顺序、unused变量)
 2025-09-02 17:40:45 +08:00
imeepos a38eab405c feat: 添加用户登录检测和再生成功能 
- 在首页添加用户会话检测机制
- 新增再来一张按钮功能，允许用户快速重新生成图片
- 完善平台抽象层，支持字节跳动小程序用户信息接口
- 优化下载区域组件，支持更多交互功能
- 修复错误提示组件文本显示问题
 2025-09-02 12:29:15 +08:00
imeepos cef1c697a5 refactor: 将结果预览重构为独立页面 
- 创建新的pages/result页面用于图片预览
- 修改index页面改用页面跳转替换组件调用
- 通过URL参数传递图片数据
- 在app.config.ts中注册新页面路由
- 删除ImageResultViewer组件，功能迁移至result页面
- 优化页面状态管理，简化index页面逻辑
 2025-09-01 18:57:52 +08:00
imeepos 52b4786459 fix: 修复界面组件布局和显示问题 
- 修复LoadingOverlay组件文本布局，确保两行显示
- 为ImageResultViewer头部添加精致分割线
- 修复DownloadSection按钮显示问题，调整布局层级
- 优化组件间距和视觉效果
 2025-09-01 18:23:12 +08:00
imeepos c318db5baa feat: 完成组件化重构并添加关闭按钮 
- 将页面功能拆分为独立组件：UploadButton、LoadingOverlay、ErrorOverlay、ImageResultViewer、DownloadSection
- 修复字体大小问题，统一使用rpx单位适配小程序
- 添加图片预览顶部关闭按钮，改善用户体验
- 优化广告激励下载功能，使用useMemo稳定引用避免重复初始化
- 实现磨砂玻璃背景效果，提升视觉体验
- 移除Swiper组件，简化图片预览逻辑
 2025-09-01 18:03:34 +08:00
imeepos a0330ec878 feat: 优化图片全屏展示方案 
- 使用aspectFill模式最大化图片利用屏幕空间
- 添加精美相框和渐变背景突出图片效果
- 优化图片容器尺寸计算保持完美比例
- 增强视觉层次感和用户体验
 2025-09-01 17:08:42 +08:00
imeepos 3c87b60c18 fix: 优化预览页面UI显示效果 
- 标题改为半透明悬浮显示，添加毛玻璃效果
- 图片模式改为aspectFill消除黑边
- 为图片预览提供更大显示空间
 2025-09-01 16:38:46 +08:00
imeepos e7c1743bd5 feat: 添加广告激励下载功能 
- 优化useAd Hook支持奖励和关闭回调
- 在预览页面添加看广告下载按钮
- 实现下载图片到本地相册功能
- 添加完整的中文注释和业务逻辑处理
 2025-09-01 16:15:56 +08:00
imeepos 82e01276be fix: 移除错误详情显示优化用户体验 2025-09-01 16:06:00 +08:00
imeepos d33f200217 feat: 完成UI全面优化升级 
主要改进：
- 添加首页背景图片 Figure.jpg
- 实现结果页面全屏滑动预览功能
- 统一Loading和Error页面设计风格
- 添加半透明遮罩层提升视觉效果
- 优化按钮样式和交互动画
- 完善错误处理和用户体验

技术细节：
- 使用Swiper组件实现左右滑动图片浏览
- 添加毛玻璃效果和渐变色设计
- 实现响应式布局和动画效果
- 统一配色方案和视觉层级
 2025-09-01 16:04:38 +08:00
imeepos 0a0eb378fa fix: 代码清理和模型名称修正 
- 移除未使用的showToast导入
- 恢复正确的模型名称为gemini-2.5-flash-image-preview
 2025-09-01 15:26:54 +08:00
imeepos faefda3ea2 feat: 简化页面布局为4个清晰步骤流程 
- 重构index页面为步骤式交互：上传→加载→结果→错误
- 优化用户体验：单一焦点，清晰的状态转换
- 美化UI设计：统一卡片容器，渐变背景，现代化按钮
- 完善提示词：更新为中文手办生成专用描述
- 修复SDK模型名称：gemini-2.5-flash-image
- 添加类型安全：getTaskStatus返回string[]类型
 2025-09-01 15:16:52 +08:00
imeepos 77ccaf8acd feat: 升级图像生成SDK支持multipart/form-data格式 
- 升级generateImage方法支持multipart/form-data提交格式
- 添加aspect_ratio参数，默认9:16比例
- 更新默认模型为gemini-2.5-flash-image-preview
- 为getTaskStatus方法添加失败重试机制，最多重试3次，每次间隔5秒
- 新增useSdk hook封装SDK使用
- 更新示例页面集成图像生成功能
 2025-09-01 14:47:07 +08:00
imeepos 9b3bc7bf2d feat: 完善 TDD 开发环境配置 
- 配置 Jest 测试框架，支持 TypeScript 和 React 组件测试
- 添加 Testing Library 相关依赖用于 React 组件测试
- 配置 Babel 预设支持 Jest 和 React 测试环境
- 添加 TDD 开发工作流脚本 (test, test:watch, test:coverage)
- 创建完整的 TDD 编码规范文档 (CLAUDE.md)
- 添加自定义 hooks 和多平台支持目录结构
- 配置 TypeScript 严格模式和 ESLint 规范
- 添加全局类型定义文件支持
 2025-09-01 13:19:17 +08:00
imeepos 23a0b502d3 feat: 初始化 Taro 3.8 图生图风格转换小程序项目 
- 添加基础项目配置和依赖
- 配置多平台编译支持 (微信小程序、H5、APP)
- 集成 TypeScript、ESLint、Stylelint 代码规范
- 配置 Husky 和 Commitlint 代码提交检查
- 设置开发、测试、生产环境配置
 2025-09-01 11:22:03 +08:00