登录社区云，与社区用户共同成长
邀请您加入社区
本文介绍了个人中心中两个展示型页面"身体数据"和"我的成就"的实现差异。"身体数据"采用纵向列表布局，通过彩色卡片展示各项指标；"我的成就"采用网格布局，用不同颜色区分已获得和未获得的徽章。文章详细拆解了两个页面的代码结构、配色逻辑和交互设计，重点分析了列表卡片的数据展示方式和网格徽章的条件渲染技巧，体现了ArkTS中两种典型排列模式的应用场景与实现细节。
