本地演示

留影 NFT 头像商城原型

面向海外中国留学生的 NFT 头像商城,通过当地代理商在多个国家分销。 两个端共用同一套虚构演示数据:三个国家站、24 款头像、60+ 历史订单。 所有数据均为演示用,页面不连接任何真实链或后端。

桌面端 · 三端联动

商城后台全景

  • 买家端:11 屏完整购物与结算流程
  • 代理商后台:选品定价、佣金结算、站点装修
  • 平台总后台:全球 GMV、权限开关、冷钱包流水
  • 顶部灰条随时切换身份与国家站
手机端 · 买家 App

手机 App 买家端

  • 底部 Tab 导航,栈式页面跳转
  • 沉浸式商详 + 底部固定购买条
  • 钱包支付:选链、二维码、冷钱包收款
  • 手机打开即全屏;电脑打开套手机外壳

让别人用手机打开

确保对方和你在同一个 Wi-Fi 下,把下面这个地址发给他,或者直接扫右边的二维码。

iPhone 用 Safari 打开后,点分享 →「添加到主屏幕」,会以无浏览器边框的全屏 App 方式启动。

数据存在浏览器本地。下过的单、改过的权限和主题都会保留在各自浏览器的 localStorage 里, 互不影响;桌面端灰条最右、手机端「我的」页里都有「重置演示数据」。
字体需要联网。标题用的 Archivo 与数字用的 IBM Plex Mono 从 Google Fonts 加载; 断网时会回退到系统字体,排版略有差异但不影响功能。
改完要重新构建。源文件是上层目录的 index.html 与 mobile.html, 改完在项目根目录执行 python3 build.py 重新生成本目录。