css - 多个页面上的一个部分视图

Question

我有一个显示在多个页面上的部分视图。实现后我面临的问题是，局部视图的位置在不同的视图上被打乱了。每个视图都有自己的 CSS 布局。那么，我应该更改所有视图的 css 布局还是有任何解决方法...

Answer 1

通常你会像这里一样渲染共享部分：

一种方法是为您的页面设置两个布局。拥有默认的 _Layout.cshtml 和 _LayoutWithSomething.cshtml，然后在您的视图中确定使用哪一个

@{
      Layout = "~/Views/Shared/_LayoutWithSomething.cshtml";
}

另一种方法是将 RenderSection 块放入您的 _Layout.cshtml

        <div class="main-content">
            @RenderSection("submenu", false)
            @RenderBody()
        </div>

然后在你的视图中使用@section，注意这在局部视图中不起作用。

@section submenu
{
     @Html.Partial("_MyPartial")
}

如果您的 css 完全改变了布局，我会将 css 分成两部分：样式的布局方面，然后是颜色等其他方面。