Значок, загруженный из клиентской библиотеки в общий _layout.cs html, отображается не во всех представлениях, которые используют этот макет - PullRequest
Новая
       33

Значок, загруженный из клиентской библиотеки в общий _layout.cs html, отображается не во всех представлениях, которые используют этот макет

0 голосов
/ 24 марта 2020

Возникла проблема с нестабильным отображением навигационной панели страниц макета при просмотре. В некоторых видах значок не отображается, а просто отображается пустая панель навигации. Кажется, что только те представления, которые вызываются с помощью тега [HttpPost], на которых значок не отображается. Я использую библиотеку FontAwesome на стороне клиента.

Изначально я думал, что компоновка не была предоставлена ​​должным образом, но, как вы можете заметить ниже, панель навигации и цвет фона со страницы макета распределяются между этими представлениями, но по какой-то причине это не значок.

Индексный вид, отображающий значок в navbar

Экран входа в систему, отображающий верхнюю панель, но не загружающий значок в

логин соответствующий вызов метода [HttpPost] 

 [HttpPost]
        public IActionResult Login(string username, string password)
        {
            //do username password check here
                List<Order> orders = OrderMediator.GetAll();

                return View(orders);
        }

общий _Layout.cs html файл 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - bbsongPro</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    @*fontawesome*@
    <link rel="stylesheet" href="css/font-awesome/css/fontawesome.min.css" />
    <script src="css/font-awesome/js/all.min.js"></script>

</head>
<body class="bg-gray">
    <header>
        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-gray border-bottom box-shadow mb-3">
            <div class="container">
                <i class="fa fa-dumbbell fa-4x custom-secondary"></i>
            </div>
        </nav>
    </header>
    <div class="container">
        <main role="main" class="pb-3">
            @RenderBody()
        </main>
    </div>

    <footer class="border-top footer text-muted">
        <div class="container bg-gray">
            &copy; 2020 - bbsongPro - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
        </div>
    </footer>
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    @RenderSection("Scripts", required: false)
</body>
</html>
...