1

我想更改 laravel 页面中的背景颜色。基于我得到的参考。我应该在 _variables.scss 中进行更改。

// Body
$body-bg: #f8fafc; --> i change it to #000

// Typography
$font-family-sans-serif: "Nunito", sans-serif;
$font-size-base: 0.9rem;
$line-height-base: 1.6;
........

在视图文件中，我输入了代码：

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>ICan</title>
    <link rel="stylesheet" href="/css/app.css"> --> i enter this one
  </head>
  <body>
    @yield('content')
    @include('inc.sidebar')
  </body>
</html>

然后我npm run serve在 cmd 中执行但我的页面没有任何反应。背景颜色不会改变。我做错什么了吗？

请帮我。谢谢 ：））

4

2 回答 2

0

你没有做错任何事，只是错过了一步。在提供应用程序之前，请执行以下操作：

npm run dev

这会将所有 scss 文件编译到 app.css 文件中

但是，如果您不想在每次更改 scss 文件时都运行此命令，请运行以下命令：

npm run watch

这将监视更改并在发生更改时运行编译！

于 2018-11-08T06:05:05.553 回答
0

您不必为此运行npm run serve或任何 npm 命令。

只需为您的自定义 css 添加另一个 css 文件，或者您可以直接在刀片中包含样式。

您可以在其中找到刀片，layouts > app.blade.php然后在关闭头部（）之前放入您的样式</head>，如下所示：

   .container{
        background-color: lightblue;
    }

</head>

而已

于 2018-11-08T06:14:18.060 回答