← 项目概览 项目介绍
亮点 5 / 8 · 某大型电商平台 · 会员店

价格组件

一处定义,每个页面都一样
已完成
价格组件规范 · 示意与原图里的组件
价格组件规范 · 示意与原图里的组件

遇到的问题

会员价和主站价在列表、商详、购物车、结算里,并列方式和尾数写法都不一致,用户每到一页都要重新判断哪个才是会员价。

我的处理

会员价在前,用强调色和会员标;对照价在后,用灰阶、小一级、放在同一行;会员价大于或等于主站价时不展示对照价;尾数逢 0 时,首页营销位隐藏、结算链路保留;会员价的小数位缩小,弱化尾数、降低价格感。这些规则和导航、列表、券、对话框、分享、Toast 等控件一起写进全局规范。

关键决策

选择逢 0 规则按场景区分。
放弃全站统一隐藏或统一保留。
原因营销位要简洁,结算链路要能核对金额。

效果与证据

各模块复用同一个价格组件,新页面直接套用规则,不再逐页讨论。

下一个亮点关键界面 →