我已经在我的 Rails 元素中实现了 CarrierWave uploader 。现在我想将上传的文件设置为我的 SCSS 文件中的背景。
这样我就可以在 haml 中访问图像了:
= image_tag @item.cover_filename.url
这是我的 SCSS:
#head {
background-image: url('cover.png'); /* change this from my current placeholder to the uploaded file. */
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
在此先感谢您的帮助!如果您需要更多信息,请告诉我。
据我所知,让您的 SCSS 文件访问模型、current_user 信息等动态数据是不可能的,您实际上只能呈现静态 ruby 代码。
也就是说,您可以将一些代码添加到您的布局文件,或为这些页面创建一个自定义代码,以检查该元素是否已上传自定义图像并在那里使用内联样式/CSS 对其进行更改。
类似于:
<% if @item.cover_filename.url.exists? %>
<body style="background-image: url('<%= @item.cover_filename.url) %>');">
<% else %>
<body>
<% end %>
我是一名优秀的程序员,十分优秀!