laravel在菜單欄中添加一個下拉菜單，並鏈接到其他頁面

我是laravel和刀片模板設置的新手。我正在建立一個藝術網站來展示繪畫等。現在我得到了一個基本的index.blade.php，但是，我想將鏈接更改爲下拉列表以顯示其他選項。我似乎無法掌握如何使其發揮作用。laravel在菜單欄中添加一個下拉菜單，並鏈接到其他頁面

這就是我的基本設置。

<div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right" style="color: black"> 
       <li><a 
          @if($page == 'about') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./about">About the Artist</a></li> 
       <li><a 
          @if($page == 'products') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./product">Products</a></li> 
       <li><a 
          @if($page == 'order') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./order">Order</a></li> 
       <li><a 
          @if($page == 'contact') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="#" onclick="contact();">Contact</a></li> 

      </ul> 
     </div>

但是，在產品下，我想添加水彩，油畫和丙烯畫。

這是我認爲可以工作，但我似乎沒有把握整個葉片結構在這一點上。

<div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right" style="color: black"> 
       <li><a 
          @if($page == 'about') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./about">About the Artist</a></li> 
       <li class="dropdown"> 
        @if($page == 'product') 
         <a class="dropdown-toggle activePage" data-toggle="dropdown" href="#"> 
          Product</a> 
         <ul> 
          <li><a href="./about">Watercolor paintings</a></li> 
          <li><a href="#">This</a>Oil Paintings</li> 
          <li><a href="#">That</a>Acrylic Paintings</li> 
         </ul> 
        @else 
         <a class="nonActivePage" href="#"> 
          Product</a> 
        @endif 
       </li> 
       <li><a 
          @if($page == 'order') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="./order">Order</a></li> 
       <li><a 
          @if($page == 'contact') 
          class="activePage" 
          @else 
          class="nonActivePage" 
          @endif 
          href="#" onclick="contact();">Contact</a></li> 

      </ul> 
     </div>

它只是沒有顯示ul下拉菜單。任何指針都非常感謝。

來源

2017-10-29 scooby

首先嚐試在你的路由器給一個名稱，每一個航線（web.php）：

Route::any('/about', '[email protected]')->name('about');

然後使用route方法的意見。這裏是一個簡單的例子：

<li> 
    <a {{ $page == 'about' ? 'class="activePage"' : 'class="nonActivePage"' }} 
     href="{{ route('about') }}"> 
      About the Artist 
    </a> 
</li>

來源

2017-10-29 08:37:55 pedram6195

laravel在菜單欄中添加一個下拉菜單，並鏈接到其他頁面

回答

相關問題