feat: 增加 AdminLTE 样式下面包屑

Bootstrap.Admin/Views/Admin/Index.cshtml

@@ -12,6 +12,10 @@
                 color: #fff;
                 margin-top: 0;
             }
+
+            .main-content .main-header {
+                display: none;
+            }
     </style>
 }
 @section javascript {

Bootstrap.Admin/Views/Shared/_Admin.cshtml

@@ -39,6 +39,19 @@
 }
 @await Html.PartialAsync("Navigator")
 <section id="main-content" class="main-content">
+    <div class="main-header">
+        <div class="row">
+            <div class="col-sm-6">
+                <span class="text-dark"></span>
+            </div>
+            <div class="col-sm-6">
+                <ol class="breadcrumb justify-content-sm-end">
+                    <li class="breadcrumb-item"><a href="@Url.Content("~/Admin/Index")"><i class="fa fa-home"></i>首页</a></li>
+                    <li class="breadcrumb-item d-none"></li>
+                </ol>
+            </div>
+        </div>
+    </div>
     @RenderBody()
 </section>
 @section modal {

Bootstrap.Admin/wwwroot/css/lte.css

@@ -107,6 +107,23 @@ aside {
 .main-content {
     top: 58px;
 }
+    
+    .main-header .breadcrumb {
+        padding-right: 0;
+    }
+
+.main-header {
+    display: block;
+    margin-bottom: 5px;
+}
+
+    .main-header .text-dark {
+        font-size: 1.5rem;
+    }
+
+.breadcrumb {
+    border: none;
+}
 
 @media (min-width: 769px) {
     .header {
@@ -117,10 +134,6 @@ aside {
             opacity: 0;
         }
 
-    .breadcrumb {
-        border-color: rgba(81, 152, 203, 0.8)
-    }
-
     .sidebar-open .header .sidebar-toggle-box span {
         opacity: 1;
     }

Bootstrap.Admin/wwwroot/css/theme.css

@@ -344,6 +344,10 @@ aside {
         padding-right: 6px;
     }
 
+.main-header {
+    display: none;
+}
+
 footer {
     background: #5b6e84;
     color: #fff;

Bootstrap.Admin/wwwroot/js/common-scripts.js

@@ -146,7 +146,7 @@ $(function () {
     });
 
     // breadcrumb
-    var $breadNav = $('#breadNav');
+    var $breadNav = $('#breadNav, .main-header .breadcrumb-item:last, .main-header .text-dark');
     var arch = $sideMenu.find('a.active').last();
     $breadNav.removeClass('d-none').text(arch.text() || $('title').text());