fengshao1227/yuezi-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "feat: 首页功能图标换用van-icon，从4格扩展到6格"

Browse Source 
This reverts commit 862705847e.
This commit is contained in:
li
2026-03-14 21:32:59 +08:00
parent 21d70c40c6
commit 5474ebe96c
1 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/views/home/index.vue
+12 -13
View File
@@ -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: '
</div>
</div>
<!-- ── 6 格功能入口（圆形图标 3×2） ── -->
<!-- ── 4 格功能入口（圆形图标） ── -->
<div class="features-row">
<div
v-for="f in features"
@@ -95,7 +93,7 @@ const today = new Date().toLocaleDateString('zh-CN', { year: 'numeric', month: '
@click="router.push(f.path)"
>
<div class="feat-circle" :style="{ background: f.bg }">
<van-icon :name="f.icon" :color="f.color" size="26" />
<span class="feat-emoji">{{ f.icon }}</span>
</div>
<span class="feat-label">{{ f.label }}</span>
</div>
@@ -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 ── */