繁体   English   中英

如何转义我的application.html.erb文件

[英]How can I escape my application.html.erb file

因此,我在Rails 4.2.0上使用ruby 2.1.5构建了一个“ Web应用程序”。

我现在想要的是一个单页面的登录页面。 我不希望此着陆页受到样式表布局中所有其他现有css文件的影响。

理想情况下,登录页面使用名为freelancer.css的css文件,而我网站的其余部分使用default.css。

简而言之 如何在为应用程序的其余部分转义其余的CSS / SCSS文件时,如何专门为单个视图/控制器调用样式表。

登陆页面有自己的名为Welcome的控制器。

class WelcomeController < ApplicationController
  def index
    render layout: false
  end
end

我已经定义了一条自定义路线。

  authenticated :user do
    root 'pages#home', as: "authenticated_root"
  end
  root 'welcome#index'

我的Welcome控制器的索引就是这样。

<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
        <%= favicon_link_tag 'notes.png' %>
        <title>Balern Edu.</title>
        <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
        <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
        <%= csrf_meta_tags %>
        <script src='assets/moment.min.js'></script>
        <script src='assets/fullcalendar.js'></script>
        <link rel='stylesheet' href='assets/fullcalendar.css'>

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>

我的application.css.scss文件:

 *
 *= require_self
 *= require 'masonry/transitions'
 *= require font-awesome
 *= require_tree .
 */
@import 'bootstrap';
@import 'bootstrap/theme';
@import 'chosen';
@import 'image-select';

除了使用render layout: false ,您还可以在WelcomeController顶部使用layout: "welcome" ,其中布局页面称为welcome.html.erb 在这里,您可以调用所需的任何样式表。

您只能在自定义页面中包含CSS或JavaScript文件,然后将此代码放入自定义视图中:

<% content_for :head do %>
  <%= javascript_include_tag "posts" %>
  <% stylesheet_link_tag "posts" %>
<% end %>

另外,您需要将此代码放在application.html.erb中

<head>
  <%= yield :head %>
</head>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM