Rails中使用的SLIM中的动态类名称

Question

我将SLIM与Rails一起使用，并希望优化我的视图之一。

我有三个警报SCSS类：

alert-notice
alert-success
alert-danger

值：alert-type作为字符串传递给视图，并具有以下可能性：

notice
success
danger

我可以编写一段复杂的代码，如下所示：

- if alert-type == 'notice'
    .alert.alert-notice[role="alert"]
      button.close[type="button" data-dismiss="alert" aria-hidden="true"]
  elsif alert-type == 'success'
    .alert.alert-success[role="alert"]
      button.close[type="button" data-dismiss="alert" aria-hidden="true"]
  else
     .alert.alert-danger[role="alert"]
       button.close[type="button" data-dismiss="alert" aria-hidden="true"]

但这似乎效率很低。有什么想法吗？

编辑：

类似的事情会起作用：

|  <div class="alert alert-
= name.to_s == 'notice' ? 'success' : 'danger'
| " role="alert"> 
button.close[type="button" data-dismiss="alert" aria-hidden="true"]
  | ×

但是这段代码有点丑陋，想知道我是否可以使用简化的SLIM语法：.alert.alert ......

Answer 1

我会很抱歉不使用苗条。但是，基于快速搜索，似乎应该是

.v-input__control

看起来您应该也可以做到：

v-button