| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>@yield('title', '默认标题')</title>
- <!-- 引入Bootstrap CSS（这里使用CDN方式，你也可以选择下载到本地后引入） -->
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
- <!-- 可以添加其他自定义的全局CSS样式 -->
- <style>
- body {
- padding-top: 50px;
- }
- </style>
- </head>
- <body>
- <!-- 导航栏部分（可根据需求调整或完善） -->
- <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
- <div class="container">
- {{-- <a class="navbar-brand" href="#">短信验证示例</a>--}}
- {{-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"--}}
- {{-- aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">--}}
- {{-- <span class="navbar-toggler-icon"></span>--}}
- {{-- </button>--}}
- {{-- <div class="collapse navbar-collapse" id="navbarNav">--}}
- {{-- <ul class="navbar-nav">--}}
- {{-- <li class="nav-item active">--}}
- {{-- <a class="nav-link" href="">发送验证码</a>--}}
- {{-- </li>--}}
- {{-- <li class="nav-item">--}}
- {{-- <a class="nav-link" href="">验证验证码</a>--}}
- {{-- </li>--}}
- {{-- </ul>--}}
- {{-- </div>--}}
- </div>
- </nav>
- <div class="container">
- @yield('content')
- </div>
- <!-- 引入Bootstrap JS（使用CDN，必要时添加依赖的jQuery等库，同样也可选择本地引入） -->
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
- <!-- 可以添加其他自定义的全局JS脚本 -->
- <script>
- // 这里可以编写一些全局的JavaScript代码，比如页面加载时的一些初始化操作等
- </script>
- </body>
- </html>
|
