首页功能按钮 · 圆角 vs 直角

左侧是小程序现状(圆角 48rpx),右侧是本次改后的效果(直角 0)。
同一套按钮、同一套配色,方便你直接对比「好不好看」。

现状 · 圆角

border-radius: 48rpx
开始训练
自由训练
循环训练

开始自由训练
保存并开始
页面其余元素仍是圆角:卡片 24rpx、进度条 6rpx、目标环是正圆。

改后 · 小圆角

border-radius: 16rpx
开始训练
自由训练
循环训练

开始自由训练
保存并开始
仅首页这几个按钮变直角,全局组件与其他页面不受影响。

小圆角(16rpx)比 10rpx 更圆润一点,更接近卡片的 24rpx 圆角语言,但仍不是全胶囊,保留了清爽感。
已应用到首页 5 个按钮(仅首页、不动全局组件)。若还想微调,往上可贴近卡片的 24rpx、往下回到 10rpx,说一声即可。