修复:婚姻管理总览页 Tailwind v4 动态类无法构建问题

- 「婚礼档位」按钮改用 style 内联颜色(bg-pink-600 未被扫描)
- 快捷入口4张卡片 hover 颜色改为完整静态类名
  (Tailwind v4 无法扫描动态拼接 bg-xx / text-xx)
- npm run build 验证已生效
This commit is contained in:
2026-03-01 15:23:35 +08:00
parent 143601c251
commit 37af4ba975
+22 -10
View File
@@ -23,8 +23,8 @@
class="bg-indigo-600 text-white px-4 py-2 rounded-lg text-sm font-bold hover:bg-indigo-700 transition">
⚙️ 参数配置
</a>
<a href="{{ route('admin.marriages.tiers') }}"
class="bg-pink-600 text-white px-4 py-2 rounded-lg text-sm font-bold hover:bg-pink-700 transition">
<a href="{{ route('admin.marriages.tiers') }}" style="background:#db2777;color:#fff;"
class="px-4 py-2 rounded-lg text-sm font-bold transition hover:opacity-90">
🎊 婚礼档位
</a>
</div>
@@ -66,14 +66,26 @@
{{-- 快捷入口 --}}
<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-8">
@foreach ([['route' => 'admin.marriages.list', 'icon' => '📋', 'label' => '婚姻列表', 'color' => 'blue'], ['route' => 'admin.marriages.proposals', 'icon' => '💌', 'label' => '求婚记录', 'color' => 'amber'], ['route' => 'admin.marriages.ceremonies', 'icon' => '🎊', 'label' => '婚礼红包', 'color' => 'pink'], ['route' => 'admin.marriages.intimacy-logs', 'icon' => '💞', 'label' => '亲密度日志', 'color' => 'purple']] as $item)
<a href="{{ route($item['route']) }}"
class="bg-white rounded-xl border shadow-sm p-5 flex flex-col items-center gap-2 hover:shadow-md hover:border-{{ $item['color'] }}-300 transition group">
<span class="text-3xl">{{ $item['icon'] }}</span>
<span
class="text-sm font-bold text-gray-700 group-hover:text-{{ $item['color'] }}-600">{{ $item['label'] }}</span>
</a>
@endforeach
<a href="{{ route('admin.marriages.list') }}"
class="bg-white rounded-xl border shadow-sm p-5 flex flex-col items-center gap-2 hover:shadow-md hover:border-blue-300 transition group">
<span class="text-3xl">📋</span>
<span class="text-sm font-bold text-gray-700 group-hover:text-blue-600">婚姻列表</span>
</a>
<a href="{{ route('admin.marriages.proposals') }}"
class="bg-white rounded-xl border shadow-sm p-5 flex flex-col items-center gap-2 hover:shadow-md hover:border-amber-300 transition group">
<span class="text-3xl">💌</span>
<span class="text-sm font-bold text-gray-700 group-hover:text-amber-600">求婚记录</span>
</a>
<a href="{{ route('admin.marriages.ceremonies') }}"
class="bg-white rounded-xl border shadow-sm p-5 flex flex-col items-center gap-2 hover:shadow-md hover:border-pink-300 transition group">
<span class="text-3xl">🎊</span>
<span class="text-sm font-bold text-gray-700 group-hover:text-pink-600">婚礼红包</span>
</a>
<a href="{{ route('admin.marriages.intimacy-logs') }}"
class="bg-white rounded-xl border shadow-sm p-5 flex flex-col items-center gap-2 hover:shadow-md hover:border-purple-300 transition group">
<span class="text-3xl">💞</span>
<span class="text-sm font-bold text-gray-700 group-hover:text-purple-600">亲密度日志</span>
</a>
</div>
{{-- 最近已婚 --}}