92 lines
3.4 KiB
PHP
92 lines
3.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ config('app.name', 'Laravel') }} - @yield('title')</title>
|
|
<!-- Tailwind CSS -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<!-- Font Awesome -->
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
|
|
|
|
<!-- Tailwind 配置 -->
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#3B82F6', // 蓝色作为主色调
|
|
},
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- 自定义工具类 -->
|
|
<style type="text/tailwindcss">
|
|
@layer utilities {
|
|
.content-auto {
|
|
content-visibility: auto;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-50 font-sans">
|
|
<div class="min-h-screen flex flex-col">
|
|
<!-- 顶部导航 -->
|
|
<nav class="bg-white shadow-sm">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between h-16">
|
|
<div class="flex">
|
|
<div class="flex-shrink-0 flex items-center">
|
|
<i class="fa fa-code text-primary text-2xl mr-2"></i>
|
|
<span class="font-bold text-xl text-gray-800">Laravel 应用</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<div class="ml-3 relative">
|
|
<button type="button" class="flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary" id="user-menu-button">
|
|
<span class="sr-only">打开用户菜单</span>
|
|
<img class="h-8 w-8 rounded-full" src="https://picsum.photos/200/200" alt="用户头像">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 主要内容 -->
|
|
<main class="flex-grow">
|
|
<div class="container mx-auto px-4 py-8">
|
|
@yield('content')
|
|
</div>
|
|
</main>
|
|
|
|
<!-- 页脚 -->
|
|
<footer class="bg-white border-t border-gray-200 py-6">
|
|
<div class="container mx-auto px-4">
|
|
<div class="flex flex-col md:flex-row justify-between items-center">
|
|
<div class="mb-4 md:mb-0">
|
|
<p class="text-sm text-gray-500">© {{ date('Y') }} Laravel 应用. 保留所有权利.</p>
|
|
</div>
|
|
<div class="flex space-x-4">
|
|
<a href="#" class="text-gray-400 hover:text-gray-500">
|
|
<span class="sr-only">GitHub</span>
|
|
<i class="fa-brands fa-github text-lg"></i>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-gray-500">
|
|
<span class="sr-only">Twitter</span>
|
|
<i class="fa-brands fa-twitter text-lg"></i>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-gray-500">
|
|
<span class="sr-only">文档</span>
|
|
<i class="fa fa-book text-lg"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|