面包屑导航
粘性上下文条 48px 常驻顶部,「全国 / 大区 / 城市 / 区县」路径清晰可点,随时跳回任意层级。
面包屑保留探索路径,层级随点击平滑展开,最深处的明细卡片即时揭示——上下文永不丢失,回退只需一步。
粘性上下文条 48px 常驻顶部,「全国 / 大区 / 城市 / 区县」路径清晰可点,随时跳回任意层级。
每层缩进 24px 并以专属色带标识深度,300ms 平滑展开动画让「汇总到明细」的过渡自然流畅。
下钻到最深层自动揭示指标明细卡:转化率、客单价、复购率一次呈现,支持深链接直达。
#1D4ED8主色 / 层级 L1
#0E7490层级 L2
#7C3AED层级 L3
#15803D正向增长
#B91C1C负向变化
#F4F6FA页面背景
下钻 5 层,纤毫毕现
华东大区 · 季度明细
下钻分析界面强调层次与秩序:层级色带指示深度,等宽数字保证列对齐,面包屑让每一次探索都有迹可循、可随时回溯。
LEVEL-3 · DETAIL · CONTEXT