📅  最后修改于: 2023-12-03 15:19:41.713000             🧑  作者: Mango
在 Rails 中,使用 image_tag
可以方便的添加图片到页面中。
image_tag
方法可以接受一个图片路径的参数和一些可选的选项,其中一个常用的选项是 size
,可以用来指定图片的大小。
以下是 image_tag
方法的语法:
<%= image_tag "path/to/image.jpg", size: "100x100" %>
其中,"path/to/image.jpg"
是图片的路径,size: "100x100"
是可选的选项,其中 100x100
是指定图片的宽度和高度。
以下是一个 image_tag
的示例,在使用 Bootstrap 样式框架的情况下,使用 image_tag
方法将图片放在一个带有圆角的框中:
<div class="col-md-3">
<div class="thumbnail">
<%= image_tag product.image.url(:medium), class: "img-responsive img-thumbnail" %>
<div class="caption">
<h4><%= product.name %></h4>
<p><%= product.description %></p>
</div>
</div>
</div>
在上面的例子中,product.image.url(:medium)
是一个图片路径,:medium
是指定图片的尺寸。
使用 image_tag
方法可以轻松地向 Rails 应用程序添加图片。通过指定 size
选项,可以控制图片的大小。