refactor(ui): 简化卡片组件视觉样式并扩展引导流程

统一移除 InfoCard 和药品详情页面的阴影与边框装饰,实现更简洁的界面风格
新增用药管理引导页面,完善用户首次使用体验
添加药品管理相关插图资源,增强视觉引导效果
This commit is contained in:
richarjiang
2025-11-11 19:01:30 +08:00
parent 2ed3562a00
commit 4f946a0566
4 changed files with 7 additions and 29 deletions

View File

@@ -1149,14 +1149,7 @@ const styles = StyleSheet.create({
justifyContent: 'space-between', justifyContent: 'space-between',
backgroundColor: '#FFFFFF', backgroundColor: '#FFFFFF',
alignItems: 'center', alignItems: 'center',
shadowColor: '#7a5af8',
shadowOpacity: 0.12,
shadowRadius: 16,
shadowOffset: { width: 0, height: 4 },
elevation: 5,
gap: 12, gap: 12,
borderWidth: 1,
borderColor: 'rgba(122, 90, 248, 0.08)',
}, },
heroInfo: { heroInfo: {
flexDirection: 'row', flexDirection: 'row',
@@ -1208,13 +1201,6 @@ const styles = StyleSheet.create({
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
justifyContent: 'space-between', justifyContent: 'space-between',
shadowColor: '#000',
shadowOpacity: 0.06,
shadowRadius: 12,
shadowOffset: { width: 0, height: 3 },
elevation: 3,
borderWidth: 1,
borderColor: 'rgba(0, 0, 0, 0.04)',
}, },
fullCardLeading: { fullCardLeading: {
flexDirection: 'row', flexDirection: 'row',
@@ -1240,14 +1226,7 @@ const styles = StyleSheet.create({
gap: 14, gap: 14,
borderRadius: 24, borderRadius: 24,
paddingHorizontal: 18, paddingHorizontal: 18,
paddingVertical: 16, paddingVertical: 16
shadowColor: '#000',
shadowOpacity: 0.06,
shadowRadius: 12,
shadowOffset: { width: 0, height: 3 },
elevation: 3,
borderWidth: 1,
borderColor: 'rgba(0, 0, 0, 0.04)',
}, },
noteBody: { noteBody: {
flex: 1, flex: 1,

View File

@@ -47,6 +47,12 @@ const SLIDES: OnboardingSlide[] = [
description: '个性化断食方案,智能提醒与进度追踪,助你改善代谢,科学控脂。', description: '个性化断食方案,智能提醒与进度追踪,助你改善代谢,科学控脂。',
image: require('@/assets/images/onboarding/fasting.jpg'), image: require('@/assets/images/onboarding/fasting.jpg'),
}, },
{
key: 'medication',
title: '智能用药管理',
description: '个性化用药提醒,智能追踪服药记录,确保按时按量,守护您的健康安全。',
image: require('@/assets/images/onboarding/medicine.jpg'),
},
{ {
key: 'support', key: 'support',
title: '健康挑战赛', title: '健康挑战赛',

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

View File

@@ -87,14 +87,7 @@ const styles = StyleSheet.create({
padding: 16, padding: 16,
backgroundColor: '#FFFFFF', backgroundColor: '#FFFFFF',
gap: 6, gap: 6,
shadowColor: '#000',
shadowOpacity: 0.06,
shadowRadius: 12,
shadowOffset: { width: 0, height: 3 },
elevation: 3,
position: 'relative', position: 'relative',
borderWidth: 1,
borderColor: 'rgba(0, 0, 0, 0.04)',
}, },
infoCardArrow: { infoCardArrow: {
position: 'absolute', position: 'absolute',