夜雨聆风学习资料网

ARTICLE · 1121147

家庭用药 App 的 UI 界面大升级,UI重构实

家庭用药 App 的 UI 界面大升级,UI重构实

家庭用药 App 的 UI 界面大升级,UI重构实

之前我拿豆包和 seed 2.1 pro 搭了个家庭用药 App,现在 UI 大改了一版。蓝青色卡片把今日安排顶到最显眼的位置,成员切换挪到了上方。

下载链接:https://github.com/yg-hunter/app-releases/releases#release-family-health-assistant-v2.0.0

真正费劲的不是画界面,而是让每次点击都牵动对的数据。首页大卡的渐变从 #3B82F6 过渡到 #1FB6C8,圆角 26 像素。我把按钮、输入框这些高频组件抽成公共样式,一处改全页跟着变。

真机测试时撞上个坑:新建用药计划明明保存成功了,今日列表里却死活刷不出来。查完才发现,旧接口只建了 plan,没建 schedule。没有每天的服用时刻,今日条目根本派不出来。后来加了 CreatePlanWithTimes,保存计划的同时生成未来七天的提醒,这才串通。

打卡还会联动扣库存,重复提交不会多扣。录药名时能直接拍照 OCR,识别结果拿来预填,省了不少手敲的麻烦。目前 Android 版已经能离线用了,iOS 还得等 Mac 环境配好再测。

原文家庭用药 App 的 UI 界面大升级,UI重构实战,并开放下载使
浙江,9分钟前,

相关学习资料