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

标签 html css ruby-on-rails ruby ruby-on-rails-4

所以我在 rails 4.2.0 上使用 ruby​​ 2.1.5 构建了一个“网络应用程序”。

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

着陆页(理想情况下)使用名为 freelancer.css 的 css 文件,我网站的其余部分使用 default.css。

简而言之;我如何才能专门为单个 View / Controller 调用样式表,同时为我的应用程序的其余部分转义我的其余 css/scss 文件。

着陆页有自己的名为 Welcome 的 Controller 。

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

我已经定义了一个自定义路由。

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

我的 Welcome Controller 的索引也是如此。

<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';

最佳答案

您可以在 WelcomeController 的顶部使用 layout: "welcome",而不是使用 render layout: false,其中布局页面名为 welcome.html.erb。在那里,您可以调用任何您想要的样式表。

关于html - 如何转义我的 application.html.erb 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29589491/

相关文章:

ruby-on-rails - 如何覆盖rails中的路由路径助手?

ruby-on-rails - 更改 Rails 路由中的 id 参数

css - 用 HTML+CSS 编写编译器

html - 如何将溢出自动添加到html中的输入类型

javascript - innerHTML 不适用于 Javascript 输出内容

javascript - 在不使用 JavaScript 重新加载页面的情况下继续更改背景颜色

Chrome 中的 CSS 缩放动画不流畅

html - CSS - flex 属性

javascript - 基于用户登录或未登录的php表单操作

ruby-on-rails - Ruby on Rails 查询多个字段