2 回答

TA貢獻1839條經驗 獲得超15個贊
1.一種選擇是僅復制您需要的 css 并將其粘貼到自定義 css 中,然后為該視圖制作不同的布局。但正如你所說,這可能是一項乏味的工作。
2.另一種選擇是為您的 app.css 文件添加前綴。有一個軟件可以做到這一點,這里是教程。因此,如果您為整個 css 文件添加前綴,例如:.laravel-app
那么您可以像這樣包裝任何您希望由 app.css 設置樣式的內容:
<div class="laravel-app"> <!-- Everything in here will be styled by app.css --> </div>
從長遠來看,這將對您的項目有所幫助。

TA貢獻1813條經驗 獲得超2個贊
首先,按視圖導入或加載 css 會對應用程序的性能產生不利影響。因此,不建議使用 View Composer 加載 css。我從Denis ?eri?的回答中得到了提示,盡管乍一看并不清楚。
此外,這篇文章中接受的答案使事情變得更加清晰。
實現這一目標的正確方法是使用 css 預處理器。流行的是less
和sass
。我使用sass
它是因為它目前被 Laravel 采用。
我sass
按照此處的說明安裝在我的 Windows 機器上。
創建一個新scss
文件:app-custom.scss
在與app.css
.
app-custom.scss
使用嵌套導入進行修改:
.app-form
{
@import 'app';
}
app-custom.css在 Windows 命令行上使用 sass 命令生成:
sass app-custom.scss app-custom.css
將表單的類更改為app-form:
@section('form')
<form class='app-form'>...</form>
@endsection
app-custom.css使用鏈接標簽包含在您的標題中:
<head>
<link href="{{ asset('css/app-custom.css') }}" rel="stylesheet">
</head>
你就完成了。
提示:如果您想在app.css頁面的多個單獨部分中使用樣式,您仍然可以從單個scss文件中實現。只需在scss文件中包含每個部分的類,如下所示:
.section-1, .section-2, .section-3
{
@import 'app';
}
- 2 回答
- 0 關注
- 325 瀏覽
添加回答
舉報