投资组合页面风格样例
这个页面用于固定 HuluVest 的金融工具页面风格:浅色背景、克制配色、清晰数据层级、ECharts 图表和可扫描的数据表格。
在本文中
组合摘要
组合市值¥254,000
累计成本¥240,000
浮动盈亏¥14,000
目标偏离3 项
当前组合以宽基指数和海外权益为主要收益来源,债券与现金承担波动缓冲。红利低波基金相对目标比例偏低,纳斯达克100ETF 的当前占比略高,适合在下一次再平衡时优先观察。
样例数据仅用于展示页面风格,不代表真实投资建议。HuluVest 默认采用中文投资者常见的红涨绿跌颜色语义。
图表区域
图表使用统一色板和浅色网格,不使用 3D 或强装饰效果。
持仓明细
表格优先保证可读性和对比效率,金额、占比、偏离值保持统一格式。
| 资产 | 类型 | 市值 | 盈亏 | 当前占比 | 目标占比 | 偏离 | 风险 |
|---|
页面风格判断点
- 工具页面保持“指标摘要、说明文字、图表、表格”的稳定结构。
- 主色使用深青绿,辅助色使用墨蓝和琥珀色,避免单一蓝紫或深色大屏风格。
- 图表和表格服务投资判断,不堆叠装饰性组件。
- 移动端按内容顺序自然折叠,优先保留指标、图表和主要表格。