Ruby on rails 对rails中的不同视图使用不同样式
我主要研究后端问题,但我正在努力学习更多关于前端的东西,我对Rails中如何处理样式有点困惑(我阅读了stackolverflow上的一系列答案,但这并没有帮助我缩小范围) 我有两种不同的看法Ruby on rails 对rails中的不同视图使用不同样式,ruby-on-rails,sass,Ruby On Rails,Sass,我主要研究后端问题,但我正在努力学习更多关于前端的东西,我对Rails中如何处理样式有点困惑(我阅读了stackolverflow上的一系列答案,但这并没有帮助我缩小范围) 我有两种不同的看法 Rails 5.1 我想对每个视图应用不同的身体样式。生成应用程序时,Rails添加了: views/user/login.html.slim views/user/new.html.slim 我是否需要添加一个名为users的文件夹,并在其中添加不同的样式表?大概是这样的: assets/style
Rails 5.1
我想对每个视图应用不同的身体样式。生成应用程序时,Rails添加了:
views/user/login.html.slim
views/user/new.html.slim
我是否需要添加一个名为users的文件夹,并在其中添加不同的样式表?大概是这样的:
assets/stylesheets/users.css.scss
其中包括:
assets/stylesheets/users/login.css.scss
assets/stylesheets/users/new.css.scss
及
其中包括:
assets/stylesheets/users/login.css.scss
assets/stylesheets/users/new.css.scss
然后,在
body {
padding-top: 80px;
}
我想补充:
stylesheets/application.css.scss
样式和Java脚本从布局中加载。开箱即用,如下所示:
app/views/layouts/application.html.erb
*= require_self
*= require_tree .
最后是你的样式表
app/views/layouts/login.html.erb
...
<%= stylesheet_link_tag 'login', media: 'all' %>
...
如果您
require\u tree.
它将加载样式表目录中的所有样式,我认为这不是您想要的。您的意思是创建部分并从其他页面呈现它们吗?不,我编辑了我的问题,希望它更清晰now@EastsideDeveloper我同意你的问题。我意识到Rails在CSS方面不是很好。因为如果我们想为每个样式创建一个CSS文件,我们必须调整
,为每个样式创建一个文件,然后分别预编译它们。它只是使Rails将所有CSS收集到一个主文件中的技术变得毫无用处。事实上,有一个单一的主CSS也非常不好的网站第一油漆。在从应用程序中删除*=require\self
后,我目前正在将我的主CSS分解成小块。CSS
我很想知道你的最终方法。出于某种原因,我完全错过了下面的答案。
app/views/layouts/login.html.erb
...
<%= stylesheet_link_tag 'login', media: 'all' %>
...
app/assets/stylesheets/login.scss
@import "file_you_want";