Question

我如何将＃{self.o_cord.name}和＃{self.o_product.full_name}设为内联样式，使其背景颜色为橙色？它们在.rb文件中，我不确定是否会改变任何内容。提前谢谢！

if self.o_connection.dongle? 
  return "Plug the #{self.o_cord.name} end of the #{self.o_product.full_name} into the #{self.i_product.full_name}."

Answer 1

我会将字符串保留在您的模型之外，而是调用o_connection.dongle？从你的角度来看。然后在您的视图中，您可以通过css简单地将关键字包含在范围和样式中。

查看：

<% if SomeClass.o_connection.dongle? %>
  <p>Plug the <span class="info-label"><%= self.o_cord.name %></span> end of the <span class="info-label"><%= self.o_product.full_name %></span class="info-label"> into the <span><%= self.i_product.full_name %></span>.</p>

CSS：

span.info-label {
  background-color: 'orange';
}

Answer 2

Haml Inline css示例：

= f.text_area :short_description, :style =>'background-color:'orange';'

ERB

<%= f.text_field :short_description, :style => 'background-color:'orange';' %>

我如何设计内联样式？

2 个答案: