diff --git a/client/src/views/home/index.vue b/client/src/views/home/index.vue
index 1d2d859..e7e2202 100644
--- a/client/src/views/home/index.vue
+++ b/client/src/views/home/index.vue
@@ -33,12 +33,6 @@ const checkinDays = computed(() => {
return diff > 0 ? diff : null
})
-const features = [
- { 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' })
@@ -84,18 +78,43 @@ const today = new Date().toLocaleDateString('zh-CN', { year: 'numeric', month: '
-
+
-
-
-
{{ f.icon }}
+
+
+
-
{{ f.label }}
+
月子餐
+
+
+
+
+
+
@@ -239,24 +258,29 @@ 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 (圆形) ── */
+/* ── Features (圆形 3×2) ── */
.features-row {
- display: grid; grid-template-columns: repeat(4, 1fr);
- gap: 8px;
+ display: grid; grid-template-columns: repeat(3, 1fr);
+ gap: 12px 8px;
margin-bottom: 22px;
background: white;
border-radius: 22px;
- padding: 18px 8px 14px;
+ padding: 18px 8px 16px;
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-item {
+ display: flex; flex-direction: column; align-items: center; gap: 8px;
+ cursor: pointer;
+ -webkit-tap-highlight-color: transparent;
+}
+.feat-item:active .feat-circle { transform: scale(0.92); }
.feat-circle {
- width: 58px; height: 58px;
+ width: 56px; height: 56px;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
box-shadow: 0 3px 10px rgba(0,0,0,0.08);
+ transition: transform 0.15s;
}
-.feat-emoji { font-size: 26px; line-height: 1; }
.feat-label { font-size: 12px; font-weight: 600; color: #374151; text-align: center; }
/* ── Schedule Card ── */