batch-4-android.md 4.6 KB
批次 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药城.