我正在创建一个类似的模型,所以这是一个代码:
- if policy(bonus).liked_by?
= link_to(image_tag("heart--filled--green.png", class: "Dislike"),
bonus_like_path(bonus, bonus.user_like(current_user)), method: :delete,
data: { remote: true, behavior: "fragments" })
- else
= link_to(image_tag("heart.svg", class: "Like"),
bonus_likes_path(bonus), method: :post,
data: { remote: true, behavior: "fragments" })
- if bonus.likes_count.zero?
span Like
-else
span.has-tip data-tooltip="" title="#{ bonus.liked_by }" Like
span class="like_count" #{ bonus.likes_count }
它产生了这样的东西:
问题在于,如果我想要一些东西,我想按压内心(就像给定的图像一样),但是我需要有机会按下所有地方,包括跨度喜欢和喜欢的数量。我怎样才能解决我的问题?
答案 0 :(得分:3)
要使图像与链接的span
部分一起使用,请使用块将其包装在link_to
内。
= link_to bonus_likes_path(bonus), method: :post, data: { remote: true, behavior: "fragments" } do
= image_tag("heart.svg", class: "Like"
- if bonus.likes_count.zero?
span Like
- else
span.has-tip data-tooltip="" title="#{ bonus.liked_by }" Like
span class="like_count" #{ bonus.likes_count }
答案 1 :(得分:0)
您可以使用以下链接在link_to中拥有更大的块:
<%= link_to desired_path do %>
<div class="class-name">
</div>
<% end %>