Question

我在我的网站上使用laravel 5.6和react.js。我有一个

布局文件

<body>
    <div id="app">
    </div>

    <script src="{{ mix('js/app.js') }}"></script>
</body>

我已经扩展了这个app.blade.php是所有视图。正文CSS：

body {
    padding-top: 80px;
    font-family: 'Muli', sans-serif
}

对于react组件之一（错误页面），我希望我的身体填充为零。这样，当“错误页面”加载到主体时，填充为零时填充，但对于其余零部件，填充不会过载。错误页面上有 relative_particle 类

 <body>
    <div id="app">
       <div data-reactroot="">
       <div>
         <!-- react-empty: 8 -->
       </div>
           **<div class="relative_particle">
           </div>**
       </div>
    </div>
</bod>

我希望那些具有 relative_particle 类div的组件应具有0个填充主体css。该如何解决呢？ 注意：我没有在项目中使用jquery lib。

Answer 1

为您的错误页面添加此样式：

    Employee.Where(e => e.StartDate == null || 
(e.StartDate != null && e.StartDate > Datetime.Today);

    Employee.Where(e => e.StartDate.HasValue == false || 
(e.StartDate.HasValue != false && e.StartDate > Datetime.Today);

    Employee.Where(e => e.StartDate..Equals((DateTime?)null) || 
(e.StartDate.HasValue != false && e.StartDate > Datetime.Today);

然后，您可以执行以下操作将此类添加到正文：

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

确保仅在错误页面上运行以上脚本。如果您无法区分它们，请检查 relative_particle 类是否存在，然后在脚本上方运行。

您可以了解有关操纵身体类别here的更多详细信息。

还要确保您wait for the DOM。

给body标签仅用于单个网页的自定义填充

1 个答案: