走势百分比 UI 设计
预览 · 示例数据
+8.45%
区间 +462 元
相对区间首日涨跌幅（%），0 线为区间起点，悬停查看每日明细
区间累计 +462 元
最近一日 +18 元
日均盈亏 +7.7 元
每日盈亏柱状（元），红涨绿跌，虚线 0 线为盈亏平衡；悬停查看当日盈亏与收益率
基金详情 · 净值走势示例：纳斯达克100
默认近1月
+8.45%
净值 1.3842 · 成本 1.2000
相对区间首日涨跌幅（%），金色曲线 + 成本虚线（成本 1.2000），末值标区间涨跌
设计要点：① 顶部大数字直接读出区间涨跌幅，涨红跌绿一目了然；② 资产走势用百分比面积图（0 线基准），不再看绝对金额；③ 每日盈亏用红绿柱（盈利红柱、亏损绿柱），悬停看当日收益率；④ 点击右上角胶囊在两种走势间切换（对应首页"点击卡片切换"）；⑤ 1月/3月/1年随时切换区间。本页为设计预览，数据为模拟生成。