slim-lang 相关问题

Slim是Ruby的轻量级模板引擎，其目标是减少基本部分的语法而不会变得神秘。

CSS 唯一让单词在句子中自然出现的解决方案

所以我有一个 html.slim 句子，如下所示： p |登录到 span.word-shapeshift.text-center 探索 span.word 参与征服span.word span.word 失败 ...

html css sass slim-lang

回答 1 投票 0

Rails 4 view slim-lang 包装问题

我已经在我正在构建的 Rails 4 应用程序上使用 Slim lang 工作了一段时间，一直困扰我的一个问题是包装。正如您从附件中看到的...

ruby-on-rails view word-wrap slim-lang

回答 1 投票 0

如何通过 Middleman 安装和使用 Slim 模板引擎

我对 Middleman 和 ruby 都很陌生。我已经安装了红宝石我已经安装了 Middleman 和 gem 来让它运行。我需要使用 slim 而不是默认的模板系统。所以我安装了

ruby slim-lang middleman

回答 3 投票 0

Slim 模板和 TailwindCSS 在类声明中使用“:”

TailwindCSS 看起来是一个很棒的前端工具，但我想知道如何将它与 Rails Slim 模板语言一起使用？例如： TailwindCSS 看起来是一个很棒的前端工具，但我想知道如何将它与 Rails Slim 模板语言一起使用？例如： <div class="bg-red-500 sm:bg-green-500 md:bg-blue-500 lg:bg-pink-500 xl:bg-teal-500"></div> 如果我通过 HTML2SLIM 运行它，我会得到以下建议： .bg-red-500.sm:bg-green-500.md:bg-blue-500.lg:bg-pink-500.xl:bg-teal-500 生成以下 HTML： <div class="bg-red-500 sm"> <bg-green-500 class="md"> <bg-blue-500 class="lg"> <bg-pink-500 class="xl"> <bg-teal-500></bg-teal-500> </bg-pink-500> </bg-blue-500> </bg-green-500> </div> 冒号“:”似乎被解释为多个 html 元素。我想知道是否有办法解决这个问题？我很乐意将 Slim 与 TailwindCSS 一起使用。到目前为止，我已经使用 Rails 的 content_tag 取得了一些进展： = content_tag :span, 'Accounts', class: 'invisible md:visible lg:visible' 但是我只能做到这里了。另一个选项是将 Tailwind 配置为使用另一个分隔符，如下所示：https://tailwindcss.com/docs/configuration/#separator // tailwind.config.js module.exports = { separator: "_", } 然后你可以做.sm_bg-green-500等等。 Tailwind 中还有类似 .w-1/2 的类名称，不受此设置的影响。您可以添加自定义类名称来解决这个问题，例如 // tailwind.config.js module.exports = { … theme: { extend: { width: { "1-of-2": "50%" } } } } 然后使用.w-1-of-2。在类速记符号中不可能使用这些冒号。不过你可以执行以下操作 div class="bg-red-500.sm::bg-green-500.md:bg-blue-500.lg:bg-pink-500.xl:bg-teal-500" 这会产生所需的 HTML： <div class="bg-red-500 sm:bg-green-500 md:bg-blue-500 lg:bg-pink-500 xl:bg-teal-500"></div> 有人建议的解决方案module.exports = { separator: "_" }很糟糕： .sm_bg-green-500看起来比.sm:bg-green-500更糟糕您可能会遇到诸如my-block__my-element之类的类名问题。（对于某些任务，顺风是不够的，在这种情况下我使用 BEM 命名）相反 – 使用命名类，例如： /*app/assets/stylesheets/application.tailwind.css*/ .magic-btn { @apply bg-red-500 sm:bg-green-500; } 在模板中： btn.magic-btn 冒号问题已于 2020 年修复，但存在小数宽度/大小问题 ..text-sm.px-4.py-2.5.. 如果必须使用小数宽度，请将其添加到类属性中： button.text-sm.px-4.text-center.inline-flex[class="py-2.5"]

slim-lang tailwind-css

回答 4 投票 0

如何更改 Rails 3.0.10 中使用模板引擎的顺序？

鉴于我在同一目录中有视图模板index.html.erb、index.html.haml和index.html.slim。我如何配置 Rails 首先使用 slim 模板（如果存在），然后使用 haml 模板...

ruby-on-rails haml erb slim-lang

回答 2 投票 0

erb、haml 或 slim：你推荐哪一个？为什么？ [关闭]

我正在学习Rails，我已经看到了这些模板引擎。我对他们没有经验（只有 erb）。但是作为一个初学者，我真的很困惑。你建议哪一个，为什么？ Erb、Haml 或 ...

ruby-on-rails haml erb slim-lang

回答 5 投票 0

在操作视图中使用自定义时区选择选项的其他不同方式是什么 - ROR [关闭]

我尝试使用 ActionView 的 time_zone_select 来显示用于选择 GMT+08:00 'countryName' 的区域列表，但这种方法无助于实现。我用尽了不同的方法来实现