# 批次 4：Android APP 全量（20 屏）

> 链路 4：m-login → … → m-scan → m-search-result → m-payment

> 所有页面 375×812，底部 Tab（首页/关注/邀请/我的），Follow DESIGN.md

---

## m-login

```
Android mobile login/register 智价云 ProPrice. Status bar, no bottom tabs yet.
Logo, tabs 登录|注册, fields 手机号/验证码/邀请码PX8K2M, primary 注册并登录 #002FA7, compliance footer small.
```

## m-profile-setup

```
Android onboarding 完善药店信息 step 1/3. Fields 药店名称/省市区 picker, primary 下一步. Progress indicator top.
```

## m-license-upload

```
Android upload business license. Camera button "拍照" + gallery "从相册选择". Preview thumbnail area. Tips list. Primary 提交审核. Step 2/3.
```

## m-license-pending

```
Android pending audit screen. Clock illustration, 营业执照审核中, 预计1-2工作日, info card pharmacy details, 联系客服 button. Cannot use app search — gray message.
```

## m-license-rejected

```
Android rejected screen. Red icon, 审核未通过, reason box, 重新上传 primary button.
```

## m-onboard-bind

```
Android bind platform guide. Three platform cards vertical stack 药师帮/药帮忙/1药城 with 立即绑定. Banner 至少绑定1个平台.
```

## m-onboard-search

```
Android try search onboarding. Success green check, search bar 阿莫西林胶囊, 立即查询 button, 进入首页 link. Bottom tabs preview appearing.
```

## m-home

```
Android home tab active. Top search bar, scan icon in search row. Member bar 体验剩余12天·今日8/20. Recent searches chips. Platform status row. Bottom tabs 首页active. FAB scan button bottom-right #002FA7 circle.
```

## m-scan

```
Android barcode scanner full screen. Camera viewfinder with scan frame corners, torch toggle, manual input link 手动输入批准文号, cancel top-left. Dark overlay edges.
```

## m-search-result

```
Android search results CARD LIST not table. Top parallel loading then results. Sort 价格最低. Cards: platform badge, price large red if lowest 最低tag, spec/manufacturer/expiry/MOQ/stock, 去平台购买 button each. Bottom 今日剩余12/20. Back + filter icon top.
Sample 3 cards 药帮忙¥8.50 lowest, 1药城, 药师帮.
```

## m-product-detail

```
Android product detail scroll page. Header drug name spec manufacturer approval number. Three stacked platform price blocks with 去XX平台购买 buttons. 加入关注 star top-right. Compliance footer. Lowest price block highlighted #FFF1F0.
```

## m-watchlist

```
Android 关注 tab. Quota 45/199 progress bar. Card list favorites with price drop green ↓¥0.30 badges. Tap to detail.
```

## m-invite-center

```
Android 邀请 tab. Invite code PX8K2M large, 复制/分享微信 buttons green WeChat icon. Stats 已邀请5 已激活3 +21天. Invite records list. Rules text.
```

## m-platform-list

```
Android platform management from 我的. Three cards 药师帮已绑定/药帮忙已绑定/1药城未绑定 with actions.
```

## m-platform-bind

```
Android bind form 药师帮. Account password fields, 授权说明, 确认绑定 primary, secure keyboard hint.
```

## m-profile

```
Android 我的 tab. Avatar placeholder, 康宁大药房 name, member badge 体验用户. Menu list items: 平台账号/营业执照已通过/会员中心/体验券核销/查询历史/帮助与合规/设置. Clean list cells with chevrons.
```

## m-membership

```
Android membership page. Status banner, plan cards 月/季/年 horizontal scroll, comparison 体验vs会员 features, CTA buttons.
```

## m-payment

```
Android payment checkout. Order summary 年卡¥899. Radio 微信支付/支付宝 with icons. Large primary 立即支付 #002FA7. Agreement checkbox. NOT QR code — native app payment pattern.
```

## m-payment-result

```
Android payment success full screen. Green check 支付成功, details, buttons 返回首页 / 查看会员.
```

## m-coupon-redeem

```
Android coupon redeem. Input 体验券码, 核销 button, success toast state example.
```

---

## 批量生成 Prompt（一次生成多屏时使用）

```
Generate Android mobile app screens for 智价云 ProPrice pharmacy B2B price tool following DESIGN.md.

Style: 375×812, bottom tabs 首页/关注/邀请/我的, colors #002FA7 #E60012 #00A870, card-based mobile UI, Chinese labels, professional B2B not e-commerce.

Generate these 4 screens:
1 m-home: search bar, scan FAB, member bar, recent searches
2 m-scan: camera barcode scanner viewfinder
3 m-search-result: card list price compare with 最低 tags
4 m-product-detail: multi-platform buy buttons

Use sample drug 阿莫西林胶囊 and platforms 药师帮/药帮忙/1药城.
```