haskell - 在 yesod 模板中转义`@`

Question

我正在尝试@font-face在 cassius 模板中使用选择器，但没有成功。

Cassius@用于插值，有什么办法可以逃脱吗？

我已经尝试过@@，\@它们都不起作用。

以下模板

@font-face
      font-family: 'Monsieur La Doulaise'
      src: url('http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise')

结果是

src: url('http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise');}

score 1 · Accepted Answer

这很丑陋，但可能有效：

... defaultLayout $ do let atSym = "@" [cassius|#{atSym}font-face ... |] ...

换句话说，将字符串绑定到“@”的值并将其插入到 cassius 文件中。我现在无法检查语法，但它可能有效。

score 0 · Accepted Answer

这不是您问题的解决方案，但我想我会让您知道今天早上遇到了相关的事情。我有以下 CSS 部分：

.myclass {
   background: #d880efe;
   background-image:url(@{StaticR img_myimage_png});
   /* more stuff */
 }

当 Yesod 编译 CSS 文件时，它没有生成background-image. 事实上，它跳过了整行并创建了一个稍微不同的background属性。我最终跳过了 `@{StaticR ...} 并对 URL 进行了硬编码。当我有机会时，我将创建一个可重现的代码。

所以我猜这是@插值的问题，而不是太多的转义。你介意@{Handler}为你的试一试src吗？如果没有生成该行，则可能是我们需要提交错误报告的另一个问题。

2 回答 2