02节 · 地区选择与搜索框 三案对比

每案两态:上=当前14地区 · 下=将来32地区压力态(要判的就是"国家多了怎么办")· 金=选中态
A · 单行滚动带(交易所标准做法)
搜索框收进同一行右端,chips区横向滚动+右缘渐隐;地区再多行高永远不变
REGION
🌐 全球总览
中国大陆美国 · 纽日本德国阿联酋印度新加坡韩国英国澳大利亚加拿大
›
REGION
🌐 全球总览
中国大陆美国 · 纽日本德国阿联酋印度新加坡韩国英国澳大利亚加拿大沙特巴西马来西亚土耳其印尼越南波兰尼日利亚阿根廷
›
32地区压力态:行高不变, chips横向滚动, 搜索框永远在右上角原位
B · 下拉选择器(搜索内嵌)
最省地方,下拉里直接带价格可搜;代价=丢掉"一键连点各国"的对比爽感,多一次点击
REGION 🌐 全球总览
国家/地区 ▾
中国大陆≈$2.50M
美国 · 纽≈$1.06M
日本≈$1.65M
德国≈$1.39M
阿联酋≈$2.02M
… 全部国家,滚到底
32地区压力态:下拉列表变长而已,页面上永远只占一个按钮位;列表内直接带现价=顺带一张"全球比价表"
C · 搜索上移节头(chips照旧换行)
改动最小,搜索不再孤行;但32地区压力态下chips堆成墙——这就是"越来越多"的反面教材
02 全球市价LIVE
REGION 🌐 全球总览中国大陆美国 · 纽日本德国阿联酋印度新加坡韩国英国澳大利亚加拿大沙特巴西马来西亚土耳其印尼越南波兰尼日利亚阿根廷埃及墨西哥
32地区压力态:两行半的chips墙,视觉噪音大,且换行顺序会随地区增减跳动