CSS ID 属性不适用于 LARAVEL 8

Question

我这样称呼我的 css <link href="{{ URL::asset('/assets/css/app.min.css') }}" id="app-style" rel="stylesheet" type="text/css" />

标签 css 上有 id。如果我的 url 站点没有像 laravel.test/example 这样的子域，此 css 成功调用了目录。但是如果我的 url 站点像 laravel.test/example/example2..

，css 将无法调用

如果我删除 id.. 它适用于所有站点。但我需要那个 id 因为它有一些功能，比如改变 light/dark 模式布局。

因此 id='app-style' 将提交 app.js。在 app.js 中有 s("#app-style").attr("href","assets/css/app-dark.min.css")。 app-dark.min.css 调用失败..

如果我能在 javascript 上使用 blade 就容易多了。

Answer 1

我认为你应该使用 asset() 辅助函数，但我不确定：

<link href="{{ asset('./css/app.min.css')}}" rel="stylesheet">

Answer 2

在您的 blade 中，您可以检查是否存在某些内容。您可以包含进行切换的条件。类似的东西：

@php
    $hasDarkMode = true;
    $link = $hasDarkMode ? 'app-dark.min.css' : 'app.min.css';
@endphp

<link href="{{ URL::asset('/assets/css/' . $link) }}" 
  rel="stylesheet" 
  type="text/css" />

但在 href 属性上设置条件可能最有意义。

Answer 3

我决定回答我自己的问题。因为 id='app-style' 将要归档 app.js 并且有一些代码可以调用其他 css..

我只需要将我的 app.js 从资产更改为视图中的 app.blade.php 并将其设置在主布局上。

现在我可以更改 blade 的目录结构。 s("#app-style").attr("href","assets/css/app-dark.min.css") 到 s("#app-style").attr("href","{{ asset('assets/css/app-dark.min.css') }}")

CSS ID 属性不适用于 LARAVEL 8

CSS with ID attribute not working on LARAVEL 8

html

css

laravel-8