pinfort/laravel-topnav

为 Laravel 创建简单的顶部导航

v0.1.0 2018-04-12 13:29 UTC

This package is auto-updated.

Last update: 2024-09-10 14:54:10 UTC


README

为 Laravel 创建简单的顶部导航

基本用法

安装

composer require pinfort/laravel-topnav

注意:可能需要更改 composer 的最小稳定性...

发布文件

php artisan vendor:publish

您将找到五个新文件。

  • public/vendor/TopNav/top_nav.css
    • 这是必需的。
  • config/top_nav.php
    • 您将编辑此文件以创建自己的顶部导航。
  • resources/lang/vendor/LaravelTopNav/en/ui.php
    • 您也将编辑此文件。
    • 要添加新项目,您应该定义其翻译。
  • resources/views/vendor/LaravelTopNav/menu.blade.php
    • 这是菜单的主要视图文件。
    • 基本上,您不需要编辑此文件。
  • resources/views/vendor/LaravelTopNav/menu_items.blade.php
    • 这是菜单的子视图文件。
    • 基本上,您不需要编辑此文件。

编辑配置

编辑 config/top_nav.php,根据需要修改。请阅读文件中的注释。

添加翻译

将翻译添加到 resources/lang/vendor/LaravelTopNav/en/ui.php 中。参见图表/top_nav.php

启用库

将样式表链接添加到您的视图中。在行 14 附近

在 resources/views/layouts/app.blade.php(由 make:auth 命令创建)中

 <!-- Styles -->
 <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+<link href="{{ asset('vendor/TopNav/top_nav.css') }}" rel="stylesheet">

在您的视图中添加以下代码。

相同文件。在 resources/views/layouts/app.blade.php(由 make:auth 命令创建)中

在行 39 附近

 <!-- Left Side Of Navbar -->
-<ul class="nav navbar-nav">
-    &nbsp;
-</ul>
+@laraveltopnav

现在它工作了!

demo