diff --git a/client/src/views/home/index.vue b/client/src/views/home/index.vue index 6004b71..1d2d859 100644 --- a/client/src/views/home/index.vue +++ b/client/src/views/home/index.vue @@ -34,12 +34,10 @@ const checkinDays = computed(() => { }) const features = [ - { label: '月子餐', bg: '#fff0f4', color: '#f43f5e', icon: 'food-o', path: '/meal' }, - { label: '护理记录', bg: '#fffbeb', color: '#f59e0b', icon: 'notes-o', path: '/care/records' }, - { label: '健康档案', bg: '#f0fdf4', color: '#10b981', icon: 'records-o', path: '/grow' }, - { label: '服务包', bg: '#eff6ff', color: '#3b82f6', icon: 'gift-o', path: '/service/orders' }, - { label: '我的月嫂', bg: '#f5f3ff', color: '#8b5cf6', icon: 'manager-o', path: '/nanny' }, - { label: '账户余额', bg: '#fff7ed', color: '#f97316', icon: 'balance-o', path: '/account' }, + { label: '月子餐', bg: '#fff0f4', color: '#f43f5e', icon: '🍱', path: '/meal' }, + { label: '服务包', bg: '#eff6ff', color: '#3b82f6', icon: '🛏', path: '/service/orders' }, + { label: '护理记录', bg: '#fffbeb', color: '#f59e0b', icon: '🩺', path: '/care/records' }, + { label: '我的月嫂', bg: '#f5f3ff', color: '#8b5cf6', icon: '👩', path: '/nanny' }, ] const today = new Date().toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' }) @@ -86,7 +84,7 @@ const today = new Date().toLocaleDateString('zh-CN', { year: 'numeric', month: ' - +
- + {{ f.icon }}
{{ f.label }}
@@ -241,23 +239,24 @@ const today = new Date().toLocaleDateString('zh-CN', { year: 'numeric', month: ' } .cam-title { color: rgba(255,255,255,0.88); font-size: 14px; font-weight: 600; letter-spacing: 0.5px; } -/* ── Features (圆形 3×2) ── */ +/* ── Features (圆形) ── */ .features-row { - display: grid; grid-template-columns: repeat(3, 1fr); - gap: 12px 8px; + display: grid; grid-template-columns: repeat(4, 1fr); + gap: 8px; margin-bottom: 22px; background: white; border-radius: 22px; - padding: 18px 8px 16px; + padding: 18px 8px 14px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); } .feat-item { display: flex; flex-direction: column; align-items: center; gap: 8px; cursor: pointer; } .feat-circle { - width: 56px; height: 56px; + width: 58px; height: 58px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 10px rgba(0,0,0,0.08); } +.feat-emoji { font-size: 26px; line-height: 1; } .feat-label { font-size: 12px; font-weight: 600; color: #374151; text-align: center; } /* ── Schedule Card ── */