技能要求:
HTML5
经验要求:
5-10年经验
工作描述:
项目编号:【188287】
【项目标题】二手表行情小程序前端优化|后端API已就绪|找微信小程序前端开发
【项目背景】
我们正在做一个「二手名表全球估价工具」微信小程序,用户可搜索型号查看实时行情价格。
后端(Python FastAPI + SQLite)、数据采集清洗流水线、数据库均已搭建完成并运行。
现需一位专业微信小程序前端开发者,接手优化前端页面与交互。
【已完成资产】
• 数据库:6品牌 2,912+ 变体,6,989+ 价格记录,864 张图片
• 后端API:FastAPI 服务,RESTful 接口,已部署线上
• 数据流水线:每日自动采集 → 清洗 → 校验 → 晋升,定时运行
• 前端框架:微信小程序基础页面已搭建(列表/详情/搜索/关注)
【待完成需求】
1. 行情列表页优化
- 双列卡片布局,品牌标签 + 型号 + 盘面标签 + 价格
- 图片 aspectFit 展示全貌,无图时品牌色块占位
- 排序:热度 / 价格从低到高 / 价格从高到低
2. 详情页重构
- 顶部导航:返回键 + 品牌标题 + 关注按钮(收藏功能)
- 价格区:回收价突出(金色大字),公价弱化(灰色小字)
- 年份价格表:2026→2021 倒序,趋势箭头 + 百分比
- 快速估价浮层:年份/品相/附件选择器,实时计算价格
3. 搜索页开发
- 支持搜型号(126610LV)、盘面(黑冰糖)、系列(迪通拿)
- 搜索结果分类展示,无结果时引导用户提交需求
4. 图片系统完善
- 占位图 fallback(品牌色块 + 型号文字)
- 用户上传接口预留(交易时上传实拍图)
【已知坑点(请务必避开)】
• 数据库 brand 字段存英文(rolex),前端需 brandMap 映射中文
• variant_id 必须唯一,不能作为 wx:key(有重复会渲染错乱)
• API 返回的数据包含未晋升数据(is_promoted=0),前端需过滤或区分展示
• 型号清洗:需去掉 M 前缀、去掉中文描述(如"黑盘")
• 价格为空时(recycle=0),显示"行情待更新",不要显示 ¥0
【技术要求】
• 微信小程序原生开发(WXML + WXSS + JS)
• 熟悉 flex 布局、rpx 适配、image 组件 mode 属性
• 有数据驱动渲染经验(列表排序、条件渲染、缓存策略)
【交付标准】
• 代码注释清晰,变量命名规范
• 提供修改点文档(改了哪些文件、为什么改)
• 配合联调,确保与现有 API 对接正常