修复:婚姻管理总览页 Tailwind v4 动态类无法构建问题
- 「婚礼档位」按钮改用 style 内联颜色(bg-pink-600 未被扫描) - 快捷入口4张卡片 hover 颜色改为完整静态类名 (Tailwind v4 无法扫描动态拼接 bg-xx / text-xx) - npm run build 验证已生效
This commit is contained in:
@@ -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>
|
||||
|
||||
{{-- 最近已婚 --}}
|
||||
|
||||
Reference in New Issue
Block a user