{ "title": "黔藤壹号小程序逐界面设计提案", "status": "供评审选择；未批准开发，未实现或部署", "reference": { "framework": "Taro 4.2.1 + React（小程序）", "tokens": [ "--qt-primary #1b4b6b", "--qt-gold #c8973f", "--qt-sale #c0392b", "--qt-success #4a7c59", "页面底 #f4f7f7" ], "sources": [ "apps/miniprogram/src/app.config.ts", "apps/miniprogram/src/app.scss", "apps/miniprogram/src/components/storefront.scss", "apps/miniprogram/src/components/secondary.scss", "apps/miniprogram/src/components/ui.tsx", "apps/miniprogram/src/pages/**" ] }, "counts": { "total": 52, "generated": 52, "missing": 0 }, "entries": [ { "id": "home--page", "title": "首页 · 综合入口", "type": "page", "output": "images/home--page.png", "brief": "Home screen based on backend routes (/banner, /product/home/recommendations, /flash_sale/active, /news/home, /group-buy/home).\n Top: location chip (贵阳市) + search bar \"搜索商品 / 课程 / 团购 / 资讯\".\n Hero banner carousel: clean editorial banner \"黔藤跨境优选 · 链接全球好物\".\n 10 King Kong navigation icons (2 rows of 5): 全球海淘, 国货精选, 本地团购, 跨境课程, 积分商城, 0元抢购, 限时秒杀, 领券中心, 品牌专区, 资讯动态.\n Flash sale block (/flash_sale): \"限时秒杀\" header, countdown timer, 3 product cards with flash price ¥69, original ¥129, progress bar.\n 0-Yuan grab banner (/zero_buy): \"0元抢购 · 每日精选\".\n Group-buy highlight (/group_buy): 2 nearby shop deal cards with photos, discount tag, distance.\n Course banner (/course): \"跨境电商实操课 · 零基础出海\".\n Recommended product grid (/product): 2-column infinite scroll product cards.\n Fixed 5-item bottom tab bar: 首页 / 商城 / 本地团购 / 跨境课程 / 个人中心, 首页 active." }, { "id": "home--search-overlay", "title": "全局搜索", "type": "sheet", "output": "images/home--search-overlay.png", "brief": "Search overlay over home. Top search input with autofocus, cancel button.\n Tabs: 全部 / 商品 / 课程 / 团购 / 资讯 (matching backend /search endpoints).\n \"历史搜索\" chips with clear icon. \"热门搜索\" tags (都匀毛尖, 跨境开店, 酸汤鱼, 0元购, 护肤套装)." }, { "id": "mall--page", "title": "商城 · 分类货架", "type": "page", "output": "images/mall--page.png", "brief": "Mall screen based on Category + Product + ProductSku models.\n Top search bar + category tabs (全部 / 美妆个护 / 食品生鲜 / 数码家电 / 家居生活 / 服饰箱包).\n Subcategory pills horizontally scrollable.\n Filter row: 综合排序 / 销量 / 价格 ↑↓ / 筛选.\n 2-column product grid: product photo, brand tag, title, price ¥XX.XX (amber-orange), sales count, cart quick-add icon.\n Floating cart button with badge (3).\n Fixed 5-item bottom tab bar: 首页 / 商城 / 本地团购 / 跨境课程 / 个人中心, 商城 active." }, { "id": "mall--filter-drawer", "title": "商城 · 属性筛选抽屉", "type": "sheet", "output": "images/mall--filter-drawer.png", "brief": "Side drawer for product filtering (/product/calculate_price & ProductAttribute):\n Price range inputs (最低价 - 最高价).\n Brand selection chips (Brand model).\n Product type attributes (规格 / 产地 / 适用人群).\n Service tags (包邮 / 7天无理由 / 正品保障).\n Bottom action buttons: 重置 (outline) and 确定 (primary dark)." }, { "id": "product--detail", "title": "商品详情", "type": "page", "output": "images/product--detail.png", "brief": "Product detail (/product/detail, /product/reviews, /favorite).\n Top: photo carousel (1/5 indicator), share and favorite buttons.\n Price section: current price ¥199 (large bold amber), crossed-out tag price ¥299, sales count, stock tag.\n Title: \"【海外直采】天然植物修护精华液 50ml\".\n Coupon claim strip: \"满199减30 | 满299减50 领券 >\".\n SKU selection strip: \"已选: 50ml单瓶装 / 1件 >\".\n Shipping & services: \"配送: 顺丰速运 · 包邮 | 正品溯源 · 假一赔十\".\n Product reviews section (/reviews): total count (128), positive rate (98%), top review with user avatar, star rating, comment, photos.\n Merchant shop card (/merchant): logo, shop name, rating, \"进店逛逛\".\n Rich text detail tab: product specifications table, usage guide, import certification.\n Fixed bottom action bar: 店铺, 客服, 购物车 (badge 2), 加入购物车 (outline), 立即购买 (primary dark). No tab bar." }, { "id": "product--sku-sheet", "title": "选择规格 SKU", "type": "sheet", "output": "images/product--sku-sheet.png", "brief": "SKU bottom sheet over product detail (ProductSku model):\n Header: small product thumbnail, price ¥199 (varies by sku), stock remaining 86 件.\n Spec group 1: 规格 (30ml / 50ml / 100ml双支装).\n Spec group 2: 套餐版本 (基础版 / 礼盒装).\n Quantity stepper: - 1 + (respects max_limit).\n Bottom button: 确定 / 立即购买 (full-width dark)." }, { "id": "product--reviews-page", "title": "商品评价列表", "type": "page", "output": "images/product--reviews-page.png", "brief": "Full reviews page (/product/reviews):\n Header: positive rating 98.6%, tags (全部 128 / 有图 45 / 好评 120 / 追评 12).\n Review cards list: avatar, nickname, rating stars, purchase spec, review text, 3 photo thumbnails, merchant reply block. No tab bar." }, { "id": "flash-sale--page", "title": "限时秒杀专场", "type": "page", "output": "images/flash-sale--page.png", "brief": "Flash sale screen (/flash_sale/active & /flash_sale/events/upcoming):\n Timeline bar: 10:00 已开抢 (active) / 14:00 即将开始 / 20:00 明日预告.\n Countdown banner: \"本场还剩 01:23:45\".\n Flash sale product list: horizontal cards with product image, title, flash price ¥39, original ¥99, progress bar \"已抢78%\", CTA \"马上抢\" (active) or \"提醒我\" (upcoming). No tab bar." }, { "id": "cart--page", "title": "购物车", "type": "page", "output": "images/cart--page.png", "brief": "Cart screen (ShoppingCart model, /cart routes):\n Header: \"购物车(5)\", right-side \"编辑\" toggle.\n Grouped by MerchantShop: shop name checkbox, followed by item rows:\n Checkbox, product photo, title, selected sku tag, price ¥XX, quantity stepper.\n Invalid items section: items with 0 stock, grayed out, \"清空失效宝贝\".\n Fixed bottom bar: 全选 checkbox, 合计 ¥398.00 (免运费), 结算(3) (dark button).\n Fixed 5-item bottom tab bar: 首页 / 商城 / 本地团购 / 跨境课程 / 个人中心, 商城 active." }, { "id": "checkout--page", "title": "确认订单", "type": "page", "output": "images/checkout--page.png", "brief": "Order checkout (/order/create, /user_address, /coupon):\n Shipping address card: name, phone, address, default tag, chevron.\n Order items card grouped by shop: thumbnail, title, sku, price, qty.\n Delivery option: 快递配送 (免运费).\n Coupon selector (/coupon): \"满199减30\" chevron.\n Points deduction (/user_points): \"可用500积分抵扣¥5.00\" toggle.\n Buyer remark input: \"选填，给商家留言\".\n Cost summary: 商品金额 ¥428.00, 运费 ¥0.00, 优惠券 -¥30.00, 积分抵扣 -¥5.00, 应付总额 ¥393.00.\n Fixed bottom bar: 实付款 ¥393.00, 提交订单 button. No tab bar." }, { "id": "pay--cashier", "title": "收银台 · 支付确认", "type": "page", "output": "images/pay--cashier.png", "brief": "Payment cashier (/order/pay, WechatPay):\n Countdown timer: \"支付剩余时间 14:59\".\n Amount due: ¥393.00 (large bold).\n Order info: 订单编号 QT202610240082, 商品描述.\n Payment methods list:\n 1. 微信支付 (recommended, radio selected).\n 2. 余额支付 (可用余额 ¥120.00, insufficient warning).\n Bottom CTA: \"微信支付 ¥393.00\" (green button). No tab bar." }, { "id": "order--list-page", "title": "我的订单", "type": "page", "output": "images/order--list-page.png", "brief": "Order list (/order/list with OrderStatus enum: 全部 / 待付款 / 待发货 / 待收货 / 待评价 / 售后):\n Order card:\n Shop name, order status badge (待发货).\n Product row(s): photo, title, sku, price, qty.\n Total: 共2件商品 实付 ¥393.00 (含运费¥0.00).\n Action buttons according to status: 取消订单, 修改地址, 查看物流, 确认收货, 评价, 再次购买. No tab bar." }, { "id": "order--detail-page", "title": "订单详情", "type": "page", "output": "images/order--detail-page.png", "brief": "Order detail (/order/detail, Order + OrderItem + OrderPayment + OrderShipment):\n Status banner: icon + \"卖家已发货\" + subtext \"还剩6天自动确认收货\".\n Logistics preview card: latest track \"顺丰速运 已到达【贵阳中转场】\", timestamp, chevron to logistics page.\n Shipping address: recipient, phone, full address.\n Product items list with prices.\n Order info block: 订单编号, 支付流水号, 创建时间, 支付时间, 发货时间, 配送方式.\n Cost breakdown.\n Bottom action bar: 延长收货, 查看物流, 确认收货. No tab bar." }, { "id": "order--logistics-page", "title": "物流轨迹", "type": "page", "output": "images/order--logistics-page.png", "brief": "Logistics tracking (/order/logistics):\n Carrier card: 顺丰速运, 运单号 SF1234567890 (copy button), 官方客服电话.\n Vertical timeline: status nodes (已签收 / 派送中 / 运输中 / 已揽件), latest node highlighted with date and detailed location. No tab bar." }, { "id": "aftersale--apply-page", "title": "申请售后", "type": "page", "output": "images/aftersale--apply-page.png", "brief": "Aftersale application (/order/aftersale, Aftersale model):\n Product card being returned.\n Service type selector: 仅退款 (未收到货 / 协商一致) vs 退货退款 (已收到货).\n Refund reason picker (多选一: 质量问题 / 尺寸不合 / 卖家发错 / 七天无理由).\n Refund amount: ¥199.00 (editable if partial).\n Explanation textarea: 详细描述退款原因.\n Evidence upload: 9-grid photo/video uploader with \"+\" tile.\n Submit button. No tab bar." }, { "id": "aftersale--detail-page", "title": "售后详情进度", "type": "page", "output": "images/aftersale--detail-page.png", "brief": "Aftersale progress (AftersaleStatus enum):\n Progress stepper: 提交申请 → 商家审核 → 买家退货 → 商家验货 → 退款成功.\n Current status card: \"商家已同意退货，请填写退货运单\".\n Merchant return address block.\n Return shipment form: 物流公司 selector, 运单号 input, 提交运单 button.\n History negotiation log. No tab bar." }, { "id": "groupbuy--home", "title": "本地团购 · 首页", "type": "page", "output": "images/groupbuy--home.png", "brief": "Group buy home (/group-buy/home, /group-buy/categories, /group-buy/regions):\n Top: current city selector \"贵阳市 ▼\" + search bar \"搜索门店 / 套餐 / 美食\".\n Category grid: 美食餐饮, 休闲娱乐, 丽人美发, 酒店民宿, 亲子乐园, 运动健身, 汽车养护, 医疗健康.\n Featured deal banner: \"周末同城好去处 · 超值4折起\".\n Sub-tabs: 猜你喜欢 / 距离最近 / 高分好评 / 销量榜.\n Deal card list: store photo, deal title \"经典酸汤鱼4人套餐\", tags (免预约 / 随时退 / 周末通用), sold count, current price ¥168, original price ¥328, store name, distance 1.2km.\n Fixed 5-item bottom tab bar: 首页 / 商城 / 本地团购 / 跨境课程 / 个人中心, 本地团购 active." }, { "id": "groupbuy--detail", "title": "团购套餐详情", "type": "page", "output": "images/groupbuy--detail.png", "brief": "Group buy deal detail (/group-buy/detail/{id}, GroupBuy + GroupBuyShop):\n Top image gallery.\n Price row: ¥168, tag price ¥328, discount 5.1折, 已售1240.\n Title: \"【4人尊享】招牌酸汤江团鱼套餐+精选涮菜4道+自酿米酒\".\n Highlights / tags: 随时退 · 过期退 · 免预约.\n Package content list: 锅底、主菜、配菜、饮品，明细与单价.\n Purchase rules: 有效期, 使用时间段, 适用人数, 规则说明.\n Applicable shops list (/group-buy/shops): shop name, star rating, address, distance, phone call button, map navigation button.\n User reviews with photos.\n Bottom bar: 收藏, 分享, 门店客服, 立即抢购 (amber-orange button). No tab bar." }, { "id": "groupbuy--confirm", "title": "团购确认下单", "type": "page", "output": "images/groupbuy--confirm.png", "brief": "Group buy checkout (/group-buy/order/create, GroupBuyOrder):\n Package summary card: thumbnail, title, price ¥168.\n Quantity selector: - 1 + (max per user limit indicator).\n Applicable shop indicator: \"下单后可在 3 家适用门店通用\".\n Phone confirmation: \"券码将发送至 138****6621\".\n Coupon selector.\n Agreement checkbox: \"我已阅读并同意《团购券购买及使用须知》\".\n Bottom bar: 实付款 ¥168, 提交订单. No tab bar." }, { "id": "groupbuy--coupon-wallet", "title": "我的团购券包", "type": "page", "output": "images/groupbuy--coupon-wallet.png", "brief": "User group buy vouchers (/group-buy/coupons, GroupBuyCoupon):\n Tabs: 可使用 (2) / 已使用 / 已退款 / 已过期.\n Voucher card:\n Shop name & deal title.\n QR code preview + verification code \"8821 4902 1834\" (with copy button).\n Status badge: 待核销.\n Expiry date: \"2026-12-31 到期\".\n Buttons: 查看券码详情 (opens modal), 申请退款. No tab bar." }, { "id": "groupbuy--verify-modal", "title": "团购券核销码弹窗", "type": "modal", "output": "images/groupbuy--verify-modal.png", "brief": "Full-screen QR verification modal:\n Deal title + store name.\n Large high-contrast QR code for merchant scanning.\n 12-digit verification code in large spaced monospace font: 8821 4902 1834.\n Dynamic countdown bar to refresh token.\n Hint: \"请在到店消费时出示给店员核销\". Close button." }, { "id": "groupbuy--shop-page", "title": "门店主页", "type": "page", "output": "images/groupbuy--shop-page.png", "brief": "Merchant shop page (/group-buy/shops/{id}):\n Shop hero photo, name \"苗岭酸汤鱼(花果园总店)\", rating 4.8星 (850条评价), 人均 ¥75.\n Address row with navigation button, business hours, phone call.\n Shop group-buy packages list (2 deals).\n Shop dishes recommendation gallery.\n Customer reviews. No tab bar." }, { "id": "course--home", "title": "跨境课程 · 首页", "type": "page", "output": "images/course--home.png", "brief": "Course catalog (/course/list, /course/categories, Course + Instructor models):\n Top search bar + category tabs: 全部 / 亚马逊实操 / TikTok出海 / 独立站搭建 / 跨境选品 / 跨境财税.\n Featured course hero: \"TikTok电商全链路实战训练营 · 2026新规版\".\n Instructor showcase row: avatars, names, titles (\"前Anker运营总监\", \"亿级大卖创始人\").\n Course list cards:\n 16:9 course cover, tag (实战视频 / 附课件), title, instructor info, lesson count (共18节 · 6.5小时), enrolled count (2,340人已学), price tag (¥299 或 2000积分兑换).\n Fixed 5-item bottom tab bar: 首页 / 商城 / 本地团购 / 跨境课程 / 个人中心, 跨境课程 active." }, { "id": "course--detail", "title": "课程详情", "type": "page", "output": "images/course--detail.png", "brief": "Course detail (/course/detail/{id}, CourseChapter + CourseLesson):\n Top: video trailer preview with play button.\n Course title, rating, enrolled count, price ¥299 (or free for students / points).\n Tabs: 课程介绍 / 课程目录 (18节) / 讲师介绍 / 学员评价.\n Catalog view: Chapter 1, Chapter 2 accordion, each lesson shows duration, play status (免费试看 tag on lesson 1, lock icon on paid lessons).\n Bottom bar: 咨询, 收藏, 积分兑换 (outline), 立即购买/开始学习 (primary dark). No tab bar." }, { "id": "course--player", "title": "课程视频学习", "type": "page", "output": "images/course--player.png", "brief": "Course playback (/video_stream, /course/lesson/{id}/videos, HLS security token):\n Top: full 16:9 custom HLS video player with speed control (1.0x/1.25x/1.5x), resolution switcher (1080P/720P/480P), progress bar.\n Below player: lesson title, next lesson quick switch.\n Tabs: 目录 (shows current playing lesson with equalizer icon) / 课件下载 / 笔记互动.\n Learning progress tracker: \"已学习 65% · 观看完成自动发放学分\". No tab bar." }, { "id": "course--offline-enroll", "title": "线下实战营报名", "type": "page", "output": "images/course--offline-enroll.png", "brief": "Offline enrollment (/offline_enroll, OfflineCourse model):\n Banner: \"黔藤跨境出海私董会 · 贵阳站 3天2晚闭门集训\".\n Camp details: date, venue, syllabus, target audience, limited seats (仅限30席).\n Pricing: 早鸟价 ¥2,980 (原价 ¥3,980).\n Enrollment form: 姓名, 手机号, 企业名称, 出海类目, 期望解决问题.\n Payment options: 微信支付 / 积分抵扣.\n Submit button. No tab bar." }, { "id": "points--home", "title": "积分中心 · 任务与签到", "type": "page", "output": "images/points--home.png", "brief": "Points home (/api/points/me, /user_points/sign-in, /tasks/list):\n Top gradient card: current points balance 1,280, growth value 350, VIP level \"V2 白银会员\".\n Daily check-in block (/user_points/sign-in): 7-day streak calendar, \"今日签到 +20积分\" button (active/checked state), consecutive bonus hint.\n Task center (/tasks):\n 1. 新手任务 (完善资料 +50, 首次下单 +100).\n 2. 每日任务 (浏览商品30秒 +10, 分享给好友 +20, 学习课程10分钟 +30).\n Quick entries row: 积分兑换, 0元抢购, 幸运转盘, 邀请好友.\n Points dynamic feed: \"用户 138****6621 刚刚兑换了 蓝牙耳机\".\n Fixed 5-item bottom tab bar: 首页 / 商城 / 本地团购 / 跨境课程 / 个人中心, 个人中心 (or standalone entry)." }, { "id": "points--mall", "title": "积分商城 · 好礼兑换", "type": "page", "output": "images/points--mall.png", "brief": "Points mall (/api/point-mall/exchange-products, /point_mall/categories):\n Header: points balance display + \"积分明细\" entry.\n Category filter: 全部 / 实物好礼 / 优惠神券 / 课程权益 / 虚拟卡券.\n Reward product grid: photo, title, required points \"800 积分\" (amber bold) + \"+¥0\" (or \"+¥9.9\"), stock remaining, \"立即兑换\" button.\n No tab bar." }, { "id": "points--detail", "title": "积分商品详情", "type": "page", "output": "images/points--detail.png", "brief": "Points product detail (/point_mall/product/detail):\n Product images, required points \"1200 积分\", tag \"支持积分全额兑换\".\n Title, exchange rules (每人限兑1件, 不退不换).\n Shipping address selector (for physical goods).\n User points balance indicator: \"当前积分 1,280 · 兑换后剩余 80\".\n Bottom button: \"确认兑换 (消耗1200积分)\" (amber button). No tab bar." }, { "id": "zero-buy--page", "title": "0元抢购专场", "type": "page", "output": "images/zero-buy--page.png", "brief": "Zero-yuan grab (/zero_buy/events, ZeroBuyEvent model):\n Banner: \"0元抢好物 · 邀请助力免费拿\".\n Active event card: product image, title, market price ¥89.00, \"已抢 450 件\", progress bar.\n Participate card: \"发起0元抢\" button.\n Rules: 发起后24小时内邀请 3 位好友助力即成功发货.\n Help assist feed. No tab bar." }, { "id": "lottery--wheel", "title": "幸运大转盘", "type": "page", "output": "images/lottery--wheel.png", "brief": "Lottery draw (/lottery/events/active, /lottery/draw, LotteryEvent + LotteryPrize):\n Top banner: \"积分抽大奖 · 100%有奖\".\n Remaining draws badge: \"今日剩余 3 次 (每次消耗 50 积分)\".\n Circular 8-slice lucky wheel: 华为手机, 500元优惠券, 100积分, 谢谢参与, 蓝牙耳机, 20积分, 免单券, 50积分.\n Center start button: \"立即抽奖\".\n Recent winners ticker: scrolling list of winners.\n \"我的中奖记录\" button. No tab bar." }, { "id": "share-assist--page", "title": "好友助力专区", "type": "page", "output": "images/share-assist--page.png", "brief": "Share assist (/share_assist/assist, ShareAssistRecord model):\n Hero: \"帮好友【王**】助力，免费拿【都匀毛尖新茶礼盒】\".\n Product card being assisted.\n Progress bar: \"已助力 2/3 人，还差 1 人即可0元包邮拿\".\n Current helpers avatar list.\n CTA button: \"为TA助力\" (primary) + \"我也要0元拿\" (secondary outline).\n Rules explanation. No tab bar." }, { "id": "member--center", "title": "会员成长中心", "type": "page", "output": "images/member--center.png", "brief": "Member level center (/member_level, UserLevel + LevelBenefit models):\n Header card: avatar, level badge (V2 白银会员), growth value 350 / 1000 to V3.\n Level benefits grid: 购物98折, 专属客服, 生日礼包, 积分加倍, 免费试用.\n Growth task checklist: how to earn growth value.\n Upgrade promotion banner: \"升级为合伙人，享团队分润\". No tab bar." }, { "id": "student--upgrade", "title": "合伙人 / 一级学员升级", "type": "page", "output": "images/student--upgrade.png", "brief": "Partner/student upgrade (/student_upgrade/upgrade/info, /student_upgrade/create-prepay):\n Hero: \"成为黔藤跨境合伙人 · 共享出海红利\".\n Core rights cards:\n 1. 专属分销佣金 (高达 20% 直推返佣).\n 2. 团队管理津贴 (间推 5% 团队分润).\n 3. 全套跨境实操课程免费看.\n 4. 专属商户入驻绿色通道.\n Price section: 升级费用 ¥299 (限时终身资格).\n Agreement: \"我已阅读并同意《合伙人服务协议》\".\n Bottom CTA: \"立即升级 ¥299\" (gold gradient button). No tab bar." }, { "id": "referral--center", "title": "推广中心 · 我的团队", "type": "page", "output": "images/referral--center.png", "brief": "Referral center (/api/referral/downline, /referral/bind):\n Top summary card:\n 累计推广收益 ¥3,842.50, 本月预估 ¥890.00, 团队总人数 48 人.\n Quick tools: 专属海报, 推广链接, 素材中心, 推广教程.\n Team tabs: 直推会员 (28人) / 间推会员 (20人).\n Member list row: avatar, nickname, join date, contributed orders count, commission generated.\n No tab bar." }, { "id": "referral--poster-modal", "title": "专属推广海报", "type": "modal", "output": "images/referral--poster-modal.png", "brief": "Shareable promotion poster modal:\n Card design with editorial Guizhou + global goods background.\n Inviter info: \"我是 王**，邀请你加入黔藤壹号\".\n Exclusive invite code: \"QT8892\" (one-click copy).\n QR code pointing to miniprogram with referral token.\n Buttons: 保存海报到相册, 直接分享给微信好友." }, { "id": "commission--wallet", "title": "佣金钱包 · 提现", "type": "page", "output": "images/commission--wallet.png", "brief": "Commission wallet (/commission/balance, /withdrawals):\n Balance card: 可提现余额 ¥1,280.50, 待结算佣金 ¥340.00, 累计已提现 ¥2,222.00.\n Quick action: 申请提现 button.\n Withdrawal account binding card (/withdrawals/accounts): 微信零钱 (已绑定) / 银行卡 (未绑定 >).\n Commission ledger tabs: 全部流水 / 订单分佣 / 团队奖励 / 提现记录.\n Ledger list: order ID, commission type, amount (+¥38.50), timestamp, status (已入账 / 结算中). No tab bar." }, { "id": "commission--withdraw-sheet", "title": "申请提现弹层", "type": "sheet", "output": "images/commission--withdraw-sheet.png", "brief": "Withdrawal bottom sheet (/withdrawals/withdrawals):\n Title: \"申请提现\".\n Withdraw to: 微信零钱 (王**, 138****6621) radio selected.\n Withdraw amount input: \"¥ 1000\", placeholder \"可提现 1,280.50\", \"全部提现\" text button.\n Fee note: \"平台免提现手续费，到账时间预计 1-3 个工作日\".\n Bottom button: \"确认提现\" (dark full-width)." }, { "id": "profile--page", "title": "个人中心", "type": "page", "output": "images/profile--page.png", "brief": "User profile (/user_profile/profile, /user_profile/stats):\n Header: user avatar, nickname \"王小明\", phone 138****6621, VIP level badge V2, QR code icon.\n Wallet summary row: 余额 ¥120.00 | 积分 1,280 | 优惠券 4张.\n Order status bar (/order/counts): 待付款(1), 待发货(0), 待收货(2), 待评价(3), 售后/退款.\n My assets / privileges card: 推广收益 ¥3,842.50, 我的团购券 (2张可用), 我的课程 (3门在学).\n Service tools grid (3x3):\n 收货地址, 我的收藏, 浏览足迹, 领券中心, 实名认证, 商家工作台, 意见反馈, 联系客服, 设置.\n Fixed 5-item bottom tab bar: 首页 / 商城 / 本地团购 / 跨境课程 / 个人中心, 个人中心 active." }, { "id": "profile--guest", "title": "个人中心 · 未登录", "type": "page", "output": "images/profile--guest.png", "brief": "Guest user profile:\n Header: generic avatar, \"点击登录 / 注册\" button, subtext \"登录享受会员专属折扣与出海权益\".\n Order status bar disabled/empty.\n Service tools visible but trigger login on tap.\n Fixed 5-item bottom tab bar: 首页 / 商城 / 本地团购 / 跨境课程 / 个人中心, 个人中心 active." }, { "id": "login--modal", "title": "微信快捷登录", "type": "modal", "output": "images/login--modal.png", "brief": "Login dialog (/login/quick_login_by_phone, Wechat auth):\n Logo & brand: 黔藤壹号 · 跨境电商与本地生活平台.\n Benefit points: 快捷登录 · 安全保障 · 会员专属权益.\n Primary button: \"微信手机号一键登录\" (WeChat green with icon).\n Secondary text: \"暂不登录，以游客身份浏览\".\n Agreement: \"登录即代表同意《用户协议》与《隐私政策》\"." }, { "id": "profile--edit-page", "title": "个人信息编辑", "type": "page", "output": "images/profile--edit-page.png", "brief": "Profile edit (/user_profile/update):\n Avatar row with camera icon.\n Form rows: 昵称 input, 性别 selector (男/女/保密), 生日 date picker, 绑定手机号 (138****6621 已验证), 微信号 input.\n Save button. No tab bar." }, { "id": "profile--identity-page", "title": "实名认证", "type": "page", "output": "images/profile--identity-page.png", "brief": "Identity verification (/user_profile/identity/verify, Identity model for cross-border tax compliance):\n Notice: \"根据海关总署规定，购买跨境商品需提供真实身份信息进行清关申报\".\n Form: 真实姓名, 身份证号码.\n ID card photo upload (front + back) with dashed scanner guides.\n Status card: \"已通过海关实名核验\" (green badge) or form submit. No tab bar." }, { "id": "address--list-page", "title": "收货地址管理", "type": "page", "output": "images/address--list-page.png", "brief": "Address list (/user_address/address/list):\n Address card list:\n Name, phone, default badge, full address (贵州省 贵阳市 南明区 ...), edit icon, delete icon.\n Bottom CTA: \"+ 新增收货地址\" (floating or fixed dark button). No tab bar." }, { "id": "address--edit-page", "title": "编辑收货地址", "type": "page", "output": "images/address--edit-page.png", "brief": "Address edit form (/user_address/address/create | update):\n Form rows:\n 收货人 input, 手机号码 input, 所在地区 (省市区选择器), 详细地址 (textarea), 地址标签 (家 / 公司 / 学校 chips), 设为默认地址 toggle.\n WeChat import: \"一键导入微信收货地址\" button.\n Save button. No tab bar." }, { "id": "coupon--center-page", "title": "领券中心", "type": "page", "output": "images/coupon--center-page.png", "brief": "Coupon center (/coupon/center, /coupon/claim):\n Top banner: \"领券立减 · 全场通用\".\n Category tabs: 全部 / 商城券 / 团购券 / 课程券 / 运费券.\n Coupon ticket cards:\n Left amount (¥50 / 8折), right condition (满299可用 / 限美妆类目), validity, \"立即领取\" (active) or \"已领取\" (disabled) button. No tab bar." }, { "id": "favorite--list-page", "title": "我的收藏", "type": "page", "output": "images/favorite--list-page.png", "brief": "Favorites list (/favorite/list):\n Tabs: 商品 (12) / 团购 (4) / 课程 (2).\n Grid/list view with delete action, quick add to cart. No tab bar." }, { "id": "history--list-page", "title": "浏览足迹", "type": "page", "output": "images/history--list-page.png", "brief": "Browsing history (/browsing_history/list):\n Grouped by date (今天 / 昨天 / 7天内).\n Timeline cards with price and quick add. \"清空足迹\" button. No tab bar." }, { "id": "merchant--workbench", "title": "商家工作台", "type": "page", "output": "images/merchant--workbench.png", "brief": "Merchant workbench (/merchant_center/workbench, Merchant + MerchantShop):\n Header: shop name \"黔藤自营旗舰店\", status \"正常营业\", 切换店铺.\n Today statistics grid (4 tiles): 今日订单数 42, 今日交易额 ¥5,820, 待发货订单 8, 待处理售后 2.\n Quick tools: 扫码核销, 快捷发货, 商品管理, 团购套餐, 评价管理, 结算对账.\n Latest orders list waiting to ship. No customer tab bar." }, { "id": "merchant--ship-modal", "title": "快捷发货弹窗", "type": "sheet", "output": "images/merchant--ship-modal.png", "brief": "Order shipment modal (/merchant_center/orders/ship):\n Order summary: 订单编号, 收货人, 电话, 地址.\n Carrier selector: 顺丰速运 / 中通快递 / 圆通速递 / 韵达快递.\n Tracking number input: 运单号 (with barcode scan icon).\n Submit button: \"确认发货\"." }, { "id": "news--list-page", "title": "资讯动态", "type": "page", "output": "images/news--list-page.png", "brief": "News list (/news/list, /news/categories):\n Category tabs: 全部 / 行业动态 / 出海攻略 / 平台公告 / 商家故事.\n Featured news card: large banner photo, title, date, views.\n News list: thumbnail left, title, summary 2 lines, timestamp, read count. No tab bar." }, { "id": "news--detail-page", "title": "资讯正文详情", "type": "page", "output": "images/news--detail-page.png", "brief": "News article detail (/news/detail/{id}):\n Article title: \"2026跨境电商出海新趋势：东南亚与拉美市场全方位解析\".\n Author info: 黔藤出海研究院 · 2026-10-20 · 2,450 阅读.\n Rich text body: intro paragraph, subheads, inline chart/image, key takeaways.\n Bottom action bar: 点赞 (45), 收藏 (12), 微信分享. No tab bar." } ] }